在我的React Native应用程序中,我有一个名为StackNavigator
的堆栈导航器,其中包含两个标签导航器TabNavigator1
和TabNavigator2
。 TabNavigator1
包含屏幕TabNavigator1_Screen1
和TabNavigator1_Screen2
,而TabNavigator1
包含TabNavigator2_Screen1
和TabNavigator2_Screen2
。
从所有这四个屏幕中,用户都需要能够导航到其他各种屏幕,Screen1
,Screen2
和Screen3
。
我正在使用react-navigation@4.x
我想知道的事情:
在哪里放置对Screen1
,Screen2
和Screen3
的引用的最佳位置?我唯一可以添加的地方是定义StackNavigator
时。所以我会做
createStackNavigator(
{
TabNavigator1,
TabNavigator2,
TabNavigator1_Screen1,
TabNavigator1_Screen2,
TabNavigator2_Screen1,
TabNavigator2_Screen2,
Screen1,
Screen2,
Screen3,
Screen4,
}
)
,然后在TabNavigator1
和TabNavigator1
中,通过
screenProps={{
navigation: this.props.navigation
}}
以便TabNavigator1_Screen1
可以通过Screen1
导航到this.props.screenProps.navigation.navigate('Screen1')
。
是否可以组织所有这些屏幕引用,以便定义TabNavigator1
中的屏幕可以导航到的特定屏幕,以及TabNavigator1
中的屏幕可以导航到的其他屏幕?