本篇文章主要講解如何在“導(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)部也賦值的情況)