React-native 导航插件React Navigation 4.x的使用
2024-08-25 06:15:11
React-native 导航插件React Navigation 4.x的使用
文档
英文水平可以的话,建议直接阅读英文文档
简单使用介绍
安装插件
yarn add react-navigation react-native-reanimated react-native-gesture-handler react-native-screens react-navigation-stack
对于React Native 0.60 and higher的版本,ios需要执行:
cd ios
pod install
cd ..
然后根据官网文档介绍使用即可
react-navigation包含以下功能来帮助你创建导航器:
- StackNavigator - 一次只渲染一个页面,并提供页面之间跳转的方法。 当打开一个新的页面时,它被放置在堆栈的顶部
- TabNavigator](https://www.reactnavigation.org.cn/docs/TabNavigator) - 渲染一个选项卡,让用户可以在几个页面之间切换
- DrawerNavigator](https://www.reactnavigation.org.cn/docs/DrawerNavigator) - 提供一个从屏幕左侧滑入的抽屉
参考:
https://www.jianshu.com/p/f39f020197ef
https://blog.csdn.net/qq_38930850/article/details/100983821
https://www.jianshu.com/p/0e0b10f03fe4
https://www.jianshu.com/p/429458c46017
最新文章
- hibernate笔记--组件映射方法
- Linux下php安装Redis扩展
- 换iphone5屏幕你花了多少钱?不防我们看下市场的批发价格
- flume与Mosquitto的集成
- grunt入门之grunt watch的使用
- Tornado 中的 get() 或 post() 方法
- Linux下基于源代码方式安装MySQL 5.6
- 为WPF项目创建单元测试
- PHP - 操作符与控制结构
- bootstrap的popover在trigger设置为hover时不隐藏popover
- iOS pods-xxxx-frameworks.sh:permission denied问题
- CSS垂直居中技巧
- k-d树模板(BZOJ2648)
- 分布式任务调度平台XXL-JOB搭建教程
- fiddler使用指南
- 【转】单片机HEX文件完全解读
- OpenGIS 介绍(转)
- Anaconda下载及安装及查看安装的Python库用法
- jenkins+git 构建项目
- Android 深入浅出 - manifest文件的使用