React Navigation嵌套导航V5

时间:2020-07-30 08:01:13

标签: javascript react-native react-navigation

使用react导航版本5。 react-native-cli:2.0.1 反应本机:0.63.2

导航的层次结构如下:

  • 抽屉

    • 堆栈1

      • 屏幕1
      • 屏幕2
      • 屏幕3
    • 堆栈2

      • 屏幕4
      • 屏幕5

我正在通过使用一些道具从屏幕1导航到屏幕5。导航完美无缺。

navigation.navigate('stack2', { screen: 'screen5',params: {  item: item} });

但是在发生这种情况之后,如果我打开抽屉然后打开堆栈2,尽管我已经使用过,屏幕5仍会呈现

<Stack.Navigator initialRouteName="screen 4">

代码如下:

Drawer.js

<Drawer.Navigator initialRouteName="stack 1">
    <Drawer.Screen name="stack 1" component={stack 1} />
    <Drawer.Screen name="stack 2" component={stack 2} />
</Drawer.Navigator>

堆栈1.js:

<Stack.Navigator initialRouteName="screen 1">
    <Stack.Screen name="screen 1" component={screen 1} />
    <Stack.Screen name="screen 2" component={screen 2} />
    <Stack.Screen name="screen 3" component={screen 3} />
</Stack.Navigator>

Stack 2.js:

<Stack.Navigator initialRouteName="screen 4">
    <Stack.Screen name="screen 4" component={screen 4} />
    <Stack.Screen name="screen 5" component={screen 5} />
</Stack.Navigator>

请在这里帮助我。一种新的反应导航。

0 个答案:

没有答案