【文件属性】:
文件名称:SimpleReactDrawerNavigationExample:我的简单示例展示了如何使用createDrawerNavigator和createStackNavigator构建React Native应用
文件大小:444KB
文件格式:ZIP
更新时间:2021-04-29 09:21:48
JavaScript
简单的React Drawer导航示例
我的简单示例展示了如何使用createDrawerNavigator和createStackNavigator构建React Native应用程序(来自 )。
应用演练:
为了便于理解,代码组件全部包含在!
TouchableMenuIcon将始终显示在应用程序的左上角
触摸菜单图标会打开SideMenu,您可以根据需要设置其样式
导航堆栈RootStack在此示例中包含3个屏幕
MyDrawerNavigator包装根堆栈并显示侧面菜单!
设置命令:
npm install react-navigation --save
npm安装
React本机运行iOS
我提出了许多其他示例(到2018年7月,许多示例都无法使用)来提出这个示例。 希望它能在您试用时起作用!
【文件预览】:
SimpleReactDrawerNavigationExample-master
----.flowconfig(2KB)
----.gitattributes(16B)
----yarn.lock(190KB)
----.babelrc(34B)
----ios()
--------SimpleReactDrawerNavigationExample()
--------SimpleReactDrawerNavigationExampleTests()
--------SimpleReactDrawerNavigationExample-tvOS()
--------SimpleReactDrawerNavigationExample-tvOSTests()
--------SimpleReactDrawerNavigationExample.xcodeproj()
----android()
--------gradlew(5KB)
--------settings.gradle(72B)
--------gradle()
--------gradlew.bat(2KB)
--------gradle.properties(887B)
--------app()
--------keystores()
--------build.gradle(985B)
----App.js(4KB)
----README.md(1016B)
----.buckconfig(114B)
----app.json(105B)
----.gitignore(793B)
----index.js(179B)
----SimpleReactDrawerNavigationExample.gif(188KB)
----.watchmanconfig(2B)
----package-lock.json(311KB)
----package.json(533B)