react-native整合系列(三)——集成react-native-router-flux

react-native-router-flux是啥
其实就相当于路由,而且是基于官方的react-navigation搭建的

首先我们先安装

npm install react-native-router-flux --save-dev

在页面中引入

import {Router, Scene} from "react-native-router-flux";

我们在页面中创建一个登录页面和注册页面

image.png

注册和登陆页面都先像这样简单的写一下

然后就和router一样在下面写


image.png

那么如何进行页面跳转呢

首先我们要引入Actions

import {Actions} from "react-native-router-flux";

然后指定要跳转的页面

Actions.register();

这里定义的register其实也就是你在router里面写的key


image.png

react-native整合系列(一)——集成redux
https://www.jianshu.com/p/d207db8e2d0b

react-native整合系列(二)——集成Ant Design Mobile RN
https://www.jianshu.com/p/f8b6a07e108f

你可能感兴趣的:(react-native整合系列(三)——集成react-native-router-flux)