RN返回navigation方法

RN官方指定的路由管理是navigation  通過打印我們可以得到navgation的相關屬性

1:dispatch ，Redux的事件發起

2:goback（）返回

3:navigate（routeName,{parmas:xxx}） 界面跳轉並且添加參數（或者是回調函數）

4:state：這個對象里面有 當前的routename／key／和params參數

這里討論的是A-B之間的數據交互

1:事件監聽

事件監聽類似於iOS原生的通知,一個發,一個收即可.

A界面收:

1 import {
2     DeviceEventEmitter
3 } from 'react-native';

 1  componentDidMount() {
 2         //收到監聽
 3         this.listener = DeviceEventEmitter.addListener('通知名稱',(e)=>{
 4             alert(e)
 5         });
 6     }
 7     componentWillUnmount(){
 8         // 移除監聽 
 9         this.listener.remove();
10     }

B界面在pop回A界面的時候發:

1 import {
2     DeviceEventEmitter
3 } from 'react-native';

1     pop = ()=>{
2         let value = '監聽'   //准備一個值
3         DeviceEventEmitter.emit('通知名稱',value); //發監聽
4         this.props.navigator.pop({ })
5     }

2:事件回調　

A界面在push到B界面的時候定義個回調函數

1 push = () =>{
2     this.props.navigator.push({
3         component:DetailsView,
4         passProps:{
5             callback:(msg)=>{ alert(msg) }
6         }
7     })
8 }
//在navigation中：
this.props.navigation.navigate(routeName,{callback:(parmas)=>this.fun(params)})

 

B界面在pop回A界面的時候調用該回調函數

1 pop = () =>{
2 
3     this.props.navigator.pop({
4     })
5 
6     if(this.props.callback){
7         this.props.callback('回調')
　　　　// this.props.navigation.state.params.callback("params")
8     }
9 }