文章/答案/技术大牛

发布

社区首页 >问答首页 >如何导航到选项卡导航中的单屏幕。react-导航

问如何导航到选项卡导航中的单屏幕。react-导航
EN

Stack Overflow用户

提问于 2018-08-21 19:25:23

回答 1查看 441关注 0票数 0

所以情况就是这样。我假设登录屏幕是基于选项卡的，一个选项卡是登录，另一个是注册。我还有“忘记密码”按钮。因此，当我按下忘记密码按钮时，我想要转到一个不包含选项卡导航的单一屏幕，它的标题中有“后退”按钮。

这是我的导航器，如果有任何帮助的话：

const LoginStack = createStackNavigator({
  Login: LoginScreen,
});

LoginStack.navigationOptions = {
  tabBarLabel: 'Login',
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={"login"}
    />
  ),
  tabBarOptions: {
    activeTintColor: "black",
  }
};

const RegisterStack = createStackNavigator({
  Register: RegisterScreen,
});

RegisterStack.navigationOptions = {
  tabBarLabel: 'Register',
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={"account-plus"}
    />
  ),
  tabBarOptions: {
    activeTintColor: "black",
  }
};


export default createBottomTabNavigator({
  LoginStack,
  RegisterStack,
});

如果您需要更多信息，请留言。

谢谢!

react-native

react-navigation

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-21 19:36:13

不是直接导出createBottomTabNavigator，而是创建选项卡，然后如下所示

const Tabs = createBottomTabNavigator({
  LoginStack,
  RegisterStack,
});
const AppNavigator = createStackNavigator({
Tabs,
ForgotPassword: {
screen: ForgotPassword,
}
}) //fixed brackets
export AppNavigator

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51947658

复制

相似问题

问如何导航到选项卡导航中的单屏幕。react-导航
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何导航到选项卡导航中的单屏幕。react-导航EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何导航到选项卡导航中的单屏幕。react-导航
EN