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

Question

我的本​​机应用程序中有一个嵌套的导航器

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()时 它应该带我到最后一个聚焦屏幕，这是Home屏幕，但它带我到OptionsScreen 有没有办法回到家？

Answer 1

尝试将“主”选项卡导航器组件移动到堆栈导航器中，如下所示。

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

由于主屏幕不在堆栈中，因此this.props.navigation.pop()无法为您弹出该屏幕。如果没有弹出第一个屏幕（在您的情况下为OptionsScreen），它将弹出堆栈中的上一个屏幕。