导航到createBottomTabNavigator的另一个选项卡,然后按返回键将保留在目标选项卡中

时间:2019-06-03 10:32:31

标签: react-native react-navigation expo

我的应用是由React-Native使用react-navigation创建的。我使用createBottomTabNavigator在底部创建了几个可按下的选项卡图标。每个标签内都有createStackNavigator制作的几个堆栈。

我有一个棘手的要求,即在一个底部标签的页面中,用户可以导航到另一个底部标签下的另一个屏幕中的页面。

绝对可以尝试navigation.navigate,它可以工作。

但是,新的要求是当用户按下Header中的goback按钮或按下硬件goback时,它应该返回到底部标签的屏幕,而不是当前标签的屏幕。

简而言之,看起来像

  1. 用户位于主屏幕上。

  2. 用户导航至“底部”选项卡2下的屏幕4。 navigation.navigate('Screen4');

  3. 用户想要通过按“返回”或硬件返回来返回主屏幕。

  4. 按“返回”或“硬件返回”后,用户导航到Screen3。

const AppStack = createBottomTabNavigator(
  {
    Home: createStackNavigator(
      {
        HomeScreen,
      }
    ),
    BottomTab1: createStackNavigator(
      {
        Screen1,
        Screen2,
      }
    ),
    BottomTab2: createStackNavigator(
      {
        Screen3,
        Screen4,
      }
    ),
  }
);

0 个答案:

没有答案