例如-
export function TabnavigatorScreen(Screen1, Screen2) {
return (
createMaterialTopTabNavigator({
Home: {
screen: Screen1,
//here I want to pass params to screen 1 (like params:{language:"English"}
navigationOptions: {
tabBarLabel: "Quotes",
tabBarIcon: ({tintColor, focused})=>(
<Image
source={
focused
? require('../../assets/img/home_focused.png')
: require('../../assets/img/home_normal.png') }
style={{ width: 30, height: 30, }} />
)}
},
Loved: {
screen: Screen2,
navigationOptions: {
tabBarLabel: 'Loved',
tabBarIcon: ({tintColor, focused})=>(
<Image
source={
focused
? require('../../assets/img/love_focused.png')
: require('../../assets/img/love_normal.png') }
style={{ width: 30, height: 30 }} />
)
}
}
},
{
tabBarOptions: {
activeTintColor: 'white',
showIcon: true,
showLabel:false,
style: {
backgroundColor:'#045546'
}
},
}
)
);
}
这里在createAppContainer中使用TabnavigatorScreen组件(例如createAppContainer(TabnavigatorScreen(HomeScreen,SettingScreen)),此createAppcontainer用作其他位置的组件。在这里,我想在TabnavigatorScreen中传递一些参数,以便可以在其中访问这些参数。 HomeScreen或SettingScreen(即功能中的Screen1和Screen2),因为我必须在Screen1和Screen2中调用一些需要这些参数的API。
提前谢谢!