[英]React Native Passing Parameter to Navigator
我有一個標簽導航器,我想知道是否可以將參數傳遞給標簽導航器並在HomePage組件中使用該參數。
我正在使用this.props.navigation.navigate('TabsNav', {testParam: 'TEST'})
從抽屜式導航器傳遞參數。
是否可以將參數傳遞給這樣的導航器?
TabNav.js
export const Tabs = createMaterialTopTabNavigator(
{
HomePage: {
screen: Home,
navigationOptions: {
tabBarLabel:"Home Page",
},
},
ListView: {
screen: List,
navigationOptions: {
tabBarLabel:"List View",
}
},
},
{
order: ['HomePage', 'ListView'],
},
)
DrawerContainer.js
render() {
return (
<View style={styles.container}>
<View>
<TouchableHighlight
style={styles.TouchableHighlight}
onPress={this.props.navigation.navigate('TabsNav', {testParam: 'TEST'})}
<Text>Home</Text>
</TouchableHighlight>
</View>
<View>
<TouchableHighlight
style={styles.TouchableHighlight}
onPress={this.props.navigation.navigate('ProfilePage')}>
<Text>List View</Text>
</TouchableHighlight>
</View>
</View>
)
}
您需要導航到選項卡內部的特定屏幕,而不是選項卡本身,否則參數將進入選項卡導航器。 參數只會轉到您直接導航到的路線。
所以
Drawer({
TabsNav: Tab({
HomePage: ScreenA,
ListView: ScreenB,
})
});
導航到HomePage或ListView而不是TabsNav
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.