Navigator頁面跳轉和資料傳遞

2018年7月21日

15:37

1.首先需要匯入

npm install react-native-deprecated-custom-components --save

然後在專案中使用navigator的時候

import {Navigator} from react-native-deprecated-custom-components

2.使用Navigator，它有兩個函式

    1）.initialroute：指定Navigator預設的顯示頁面，在這個函式中通過component來指定頁面資訊

    2）.renderScene：在這個函式中需要傳入兩個引數：route和navigator，最後需要return一個navigator，     這樣下級頁面才好使用push（）和pop（）方法

在push（）方法中同樣需要通過component來指定目標跳轉頁面，還應包括需要向下級頁面傳遞的資料引數

然後在push（）方法中還有個重要的點是定義一個回撥函式，用來讓下級頁面向上傳遞資料，然後下級頁面可以通過this.props來獲取上級頁面的資料，用this.props.回撥函式，就可以向上級頁面傳輸資料