如何使用react-native创建动态抽屉式菜单导航？

Question

我想使用react-native创建动态抽屉菜单导航。所有菜单项均从json文件列出。

提前感谢！

Answer 1

考虑使用boostrap：

render() {
    return (
        <div>
            { this.state.dynamicDrawer
                &&
                    <div className="btn-group-vertical" data-toggle="buttons">
                    <button type="button" className="btn btn-primary">Button</button>
                    <button type="button" className="btn btn-primary">Button</button>
                    <button type="button" className="btn btn-primary">Button</button>
                    <button type="button" className="btn btn-primary">Button</button>
                    <button type="button" className="btn btn-primary">Button</button>
                    <button type="button" className="btn btn-primary">Button</button>
                    </div>
            }
        </div>
)
}

然后更改开，关状态或以不同方式切换状态，在这里您还应该为btn-group-vertical添加一个类，该类使整个内容固定在顶部左上角100％的高度，并填充一些填充物或您想要的任何东西。

使列表动态包含一个

this.state.buttons.map(button => { return (<button type="button" className="btn btn-primary">{button}</button>)})

[此外，如果您对此有严重的问题，请考虑阅读react.js或查看一些教程。祝你好运！