React-Native
的路由使用场景
在一些首页或者其他的页面中,往往存在一些链接(标题),就像是手机里的淘宝一样,每一种商品都存在商品详情,我们点击江宁区就会切换到另一个页面,这里的应用就是路由实现的,下面就React
中的路由的使用做简单的说明
React-Native
路由使用步骤
- 安装路由:在项目的终端运行命令
npm i react-native-router-flux --save
- 导入路由相关的组件(在需要使用路由链接的页面中),如下代码和注解
//导入路由相关的组件
//Router: 就相当于vue中的HashRouter
//Stack: 这是一个分组的容器,他不表示具体的路由,专门用来给路由分组的
//Scene:就表示一个具体的路由规则,好比 vue中的Route
import{
Router, Stack, Scene} from 'react-native-router-flux'
并导入需要使用的路由组件,即链接点击之后进入的页面,如电影咨询的“电影列表”和“电影详情”
import MovieList from "./components/Movie/MovieList"; //电影列表页面文件
import MovieDetail from "./components/Movie/MovieDetail"