如何使用react-native创建侧面菜单?

问题描述:

我是新的反应原生,我想创建这样的侧菜单,这个任何参考?非常感谢。如何使用react-native创建侧面菜单?

enter image description here

+1

可以使用反应-toolbox.Have看看react-toolbox.com –

我想说使用reactnavigation。即提供抽屉 要打开和关闭抽屉,分别导航到'DrawerOpen'和'DrawerClose'。

this.props.navigation.navigate('DrawerOpen'); // open drawer 
    this.props.navigation.navigate('DrawerClose'); // close drawer 

https://reactnavigation.org/docs/navigators/drawer

或这里是一个例子也很不错。请参阅本

https://github.com/dailydrip/react-native-navigation-sample

+0

怎么样使用使用NPM库?适用@Sport –

这是谷歌的材料设计UI。因此,您可能想使用react-native-material-ui之类的反应本机库。

在这里你可以找到准备使用一个完整的模板。

https://github.com/darde/react-native-sidemenu

这是我简单的项目,可能会显示你的想法如何通过自己实现一个侧面菜单中的一个。

https://github.com/reactazteam/PushyHorizontalMenu

enter image description here

+1

这种做法虽然此链接可能回答这个问题,最好在这里包含答案的重要部分,并提供参考链接。如果链接页面更改,则仅链接答案可能会失效。 - [来自评论](/ review/low-quality-posts/16708197) – Antti29

+0

你是对的,但这是事情。 1.问题的所有者询问有关参考。 2.这是在我的github帐户,我不会改变它。 3.这里也包含所有必要的部分,这很复杂,所以我只是保持简单。 –