StackNavigator in react-navigation 傳參

本篇文章主要講解如何在“導(dǎo)航控制”下的兩個(gè)界面之間傳參數(shù)

首先設(shè)定場景

A界面: 第一個(gè)界面,傳參數(shù)者
B界面: 第二個(gè)界面,接受參數(shù)者

A 界面 傳參數(shù)

注,代碼主要是核心代碼

const {navigate} = this.props.navigation;
 navigate('BPage', {param1Key: 'param1Value', param2Key: 'param2Value'});

B 界面解析參數(shù)

 const { param1Key, param2Key } = this.props.navigation.state.params

升級用法

使用上面的方法即可進(jìn)行參數(shù)傳遞
但是我建議當(dāng)想下一個(gè)界面?zhèn)鲄?shù)時(shí),使用唯一字段標(biāo)識

const {navigate} = this.props.navigation;
 navigate('BPage',  {outParams : {param1Key: 'param1Value', param2Key: 'param2Value'}});

如此,在 B 界面可以通過

 const { param1Key, param2Key } = this.props.navigation.state.params.outParams
  • 看到 outParam 可以知道從外部傳參
  • 防止外部參數(shù)與內(nèi)部參數(shù)名稱沖突(假如內(nèi)部也賦值的情況)

歡迎加入QQ群: 722600238

在這里可以討論、幫助你解決你遇到的問題

另外我的個(gè)人博客也已經(jīng)上線,以后文章或先更新個(gè)人博客

onety的博客

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容