react 实现native路由跳转的方法:1、使用“yarn add react-navigation“命令安装”react-navigation”;2、通过“yarn add react-native-gesture-handler“命令安装”react-native-gesture-handler”组件;3、设置初始路由,然后以类组件的形式导出。
本教程操作环境:Windows10系统,React Native0.67版、Dell G3电脑。
react 如何实现native路由跳转?
React Native-路由跳转
在构建RN开发环境后,要实现多页之间的跳转。
1.此时需要安装react-navigation(在此之前,navigator和ex-navigation已被废弃),使用yarn add react-安装navigation命令。
2.react-navigation依赖于react-native-gesture-因此,handler组件也需要使用yarn add react-native-gesture-handler命令安装。
3.两个组件安装成功后,index.js(入口文件,可能是index.android.js或index.ios.js)注册一个App组件,引用自setup.js。
4.在setup.在js中导入createStacknavigator, CreateappContainer两个函数和两个页面。
import { createStackNavigator, createAppContainer } from
本文是由"秘密武器开发者中心"本站原创整理,所有内容的版权归原作者所有。