将导航返回到堆栈中的初始屏幕

时间:2021-07-02 13:12:54

标签: reactjs react-native react-navigation react-navigation-v5

我有 tabbat 堆栈。

<Tab.Navigator tabBar={tabBar} initialRouteName={TABS.FIRST}>
  <Tab.Screen name={TABS.FIRST} component={FirstStackNavigator} />
  <Tab.Screen name={TABS.SECOND} component={SecondStackNavigator} />
  <Tab.Screen name={TABS.THIRD} component={ThirdStackNavigator} />
</Tab.Navigator>

我还为每个屏幕设置了一个堆栈。

  <ThirdStack.Navigator headerMode="none" initialRouteName={ROUTES.PROFILE}>
    <ThirdStack.Screen name={ROUTES.PROFILE} component={Profile} />
    <ThirdStack.Screen name={ROUTES.SETTINGS} component={Settings} />
    <ThirdStack.Screen name={ROUTES.RESULT} component={Result} />
  </ThirdStack.Navigator>

我从 SECOND stack 转到 SETTINGS screen in THIRD stack,在 Settings component 中有一个 CLOSE 按钮,单击该按钮我想返回到 {{ 1}} 我目前的 first screen。我已经尝试了 goBack()、popToTop() ... 的选项,但似乎没有任何效果。我要么返回到 PROFILE stack 中的第一个标签页,要么返回上一个堆栈。

0 个答案:

没有答案