反应导航嵌套堆栈,访问根堆栈

时间:2017-10-06 06:04:07

标签: javascript react-native react-navigation stack-navigator

有没有办法从内部堆栈导航器访问根堆栈导航器?例如:

const Root = StackNavigator(
{
  Login: {
      screen: Login,
    },
    TabNav: {
      screen: TabNav    
    }
}
);

const TabNav = TabNavigator(
  {
    Content: {
      screen: Content,
    },
    Settings: {
      screen: SettingsStack
    }
  }
);

在该SettingsStack屏幕中,我有一个注销按钮。如何访问根堆栈以导航回登录?而不是选项卡导航中的内部堆栈只是推送到子堆栈中的登录页面。

1 个答案:

答案 0 :(得分:2)

从StackNavigator中的TabNav将一个函数作为screenProp传递给TabNavigator。只要您想注销,请使用该功能。由于SettingsStack是另一个导航器中的导航器,因此将道具传递到SettingsStack以使其正常工作。