热搜:前端 nest neovim nvim

react native路由跳转怎么实现

lxf2023-05-27 09:00:01

react 实现native路由跳转的方法:1、使用“yarn add react-navigation“命令安装”react-navigation”;2、通过“yarn add react-native-gesture-handler“命令安装”react-native-gesture-handler”组件;3、设置初始路由,然后以类组件的形式导出。

react native路由跳转怎么实现

本教程操作环境: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。

react native路由跳转怎么实现

4.在setup.在js中导入createStacknavigator, CreateappContainer两个函数和两个页面。

import { createStackNavigator, createAppContainer } from