导航出嵌套 StackNavigator

Question

如何从嵌套的（ish）StackNavigator 和 DrawerNavigator 中导航出来，并禁用后退键以使用户无法返回上一个屏幕？

下面是视图层次结构：

const login = StackNavigator(
  {
    loginScreen: { screen: Login },
    firstPage: { screen: CodeCollab },
  },
  {
    initialRouteName: "firstPage"
  }
)

const main = StackNavigator(
  {
    home: { screen: Home },
  }
)

const homeDrawer = DrawerNavigator(
  {
    first: { screen: main },
  },
  {
    contentComponent: DrawerContent
  }
)

const out = StackNavigator(
  {
    Login: login,
    Home: homeDrawer,
    split: Splitter
  },
  {
    headerMode: 'none',
    title: 'Main',
    initialRouteName: "split"
  }
)

export default out

我正在尝试从 login/loginScreen 转到 out/Home

Answer 1

试试这个代码：

this.props.navigation.dispatch(NavigationActions.back());