从底部选项卡导航器单击导航堆栈的特定组件时如何 return
How to return to certain component of navigation stack when clicking on it from a bottom tab navigator
我的 React Native 应用程序具有以下结构:
- 底部标签导航器
- 堆栈导航器 1
- 屏幕 A
- 屏幕 B
- 堆栈导航器 2
因此,我从底部的选项卡导航器中单击 Stack Navigator 1,然后转到屏幕 A、屏幕 B,然后将其关闭。当我再次单击 Stack Navigator 1 时,会出现屏幕 B。 “重置”它以便每次我打开 Stack Navigator 1 时都会显示屏幕 A 的最佳方法是什么?
底部选项卡导航器中的当前代码:
<Tab.Navigator>
<Tab.Screen
name="Stack"
component={StackNavigator1}
/>
<Tab.Screen
name="Other"
component={Other}
/>
/>
将 Screen A 作为 StackNavigator 的初始路由不起作用。
将 navigate("ScreenA")
添加到任何关闭屏幕 B 的内容。例如,如果屏幕 B 通过按钮关闭:
onPress={() => {
props.navigation.navigate("ScreenA");
props.navigation.navigate("Home");
}}
用户不会看到屏幕 A,但下次打开堆栈时会在屏幕 A 上打开。
我的 React Native 应用程序具有以下结构:
- 底部标签导航器
- 堆栈导航器 1
- 屏幕 A
- 屏幕 B
- 堆栈导航器 2
- 堆栈导航器 1
因此,我从底部的选项卡导航器中单击 Stack Navigator 1,然后转到屏幕 A、屏幕 B,然后将其关闭。当我再次单击 Stack Navigator 1 时,会出现屏幕 B。 “重置”它以便每次我打开 Stack Navigator 1 时都会显示屏幕 A 的最佳方法是什么?
底部选项卡导航器中的当前代码:
<Tab.Navigator>
<Tab.Screen
name="Stack"
component={StackNavigator1}
/>
<Tab.Screen
name="Other"
component={Other}
/>
/>
将 Screen A 作为 StackNavigator 的初始路由不起作用。
将 navigate("ScreenA")
添加到任何关闭屏幕 B 的内容。例如,如果屏幕 B 通过按钮关闭:
onPress={() => {
props.navigation.navigate("ScreenA");
props.navigation.navigate("Home");
}}
用户不会看到屏幕 A,但下次打开堆栈时会在屏幕 A 上打开。