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
http://www.lxweimin.com/p/d207db8e2d0b

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,094評論 25 708
  • React Native優秀博客,以及優秀的Github庫列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 10,703評論 4 162
  • React的學習資源 這個文章好久沒有更新了,資源算比較老舊的了,畢竟前端更新還是非常快的。 半年不學習,都不知道...
    izhongxia閱讀 23,310評論 11 629
  • 今天還是沒有怎么樣,學了習,看了體壇風云人物頒獎,然后看了幾個視頻,尤其是中科院副院長和柴靜的對話,簡直讓我完成了...
    muziyue閱讀 102評論 0 0
  • 日光里 見著你的美麗,卻無法擁抱 我悠悠不舍離去 虔誠的向月神祈求 愿化作露珠墜落于凡塵 只一夜就好 我終歸涵著你...
    夢婷子閱讀 276評論 0 0