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 }

轉載于:https://www.cnblogs.com/allenxieyusheng/p/7717641.html

總結

以上是生活随笔為你收集整理的RN返回navigation方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。