我的应用是由React-Native使用react-navigation创建的。我使用createBottomTabNavigator在底部创建了几个可按下的选项卡图标。每个标签内都有createStackNavigator制作的几个堆栈。
我有一个棘手的要求,即在一个底部标签的页面中,用户可以导航到另一个底部标签下的另一个屏幕中的页面。
绝对可以尝试navigation.navigate
,它可以工作。
但是,新的要求是当用户按下Header中的goback按钮或按下硬件goback时,它应该返回到底部标签的屏幕,而不是当前标签的屏幕。
简而言之,看起来像
用户位于主屏幕上。
用户导航至“底部”选项卡2下的屏幕4。
navigation.navigate('Screen4');
用户想要通过按“返回”或硬件返回来返回主屏幕。
按“返回”或“硬件返回”后,用户导航到Screen3。
const AppStack = createBottomTabNavigator(
{
Home: createStackNavigator(
{
HomeScreen,
}
),
BottomTab1: createStackNavigator(
{
Screen1,
Screen2,
}
),
BottomTab2: createStackNavigator(
{
Screen3,
Screen4,
}
),
}
);