React-native 导航插件React Navigation 4.x的使用

  • Z时代
  • 2024-01-10
  • 分类：综合

react

React-native 导航插件React Navigation 4.x的使用

  1. 文档

    英文水平可以的话，建议直接阅读英文文档

  2. 简单使用介绍

    • 安装插件

      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 ..

    • 然后根据官网文档介绍使用即可

  3. 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

以上是 React-native 导航插件React Navigation 4.x的使用 的全部内容， 来源链接： utcz.com/z/384201.html

回到顶部