反应导航奇怪的后退按钮和弹出行为

Question

我的 react native 应用中有一个嵌套导航器

cost Main = createTabNavigator({
  Home:Home,
  Challenge:Challenge,
  Products:Products,
  Options:Options
})
const Options = createStackNavigator({
  OptionsScree:OptionsScreen,
  Details:Details,
  Profile:Profile
})

我只需执行this.props.navigationnavigate('Details')就可以从主屏幕导航到详细信息

但是当我在做this.props.navigation.pop() 它应该带我到最后一个聚焦屏幕，这是主屏幕，但它带我到 OptionsScreen 有没有办法回到家？

Answer 1

尝试将 Main tab navigator 组件移动到 stack navigator 中，如下所示。

const Options = createStackNavigator({
  Main:Main,
  OptionsScree:OptionsScreen,
  Details:Details,
  Profile:Profile
})

由于堆栈中不存在主屏幕，this.props.navigation.pop() 无法为您弹出该屏幕。它会弹出堆栈中的前一个屏幕，如果没有弹出第一个屏幕，在您的情况下是 OptionsScreen。