react-native - react-navigation TabNavigator 仅呈现第一个选项卡

Question

我正在开发 native 应用程序，并且我正在使用 TabNavigator( react 导航)和 2 个包含登录屏幕的简单选项卡(两个选项卡具有相同的屏幕)。第一个标签总是显示，但第二个标签不会显示。

我没有看到错误。
我在 ios 模拟器(iPhone x，ios 11)上运行它

const LoginStack = StackNavigator({
    Login: {
        screen: SignIn,
        navigationOptions: {
            title: 'Sign In' //strings('screens.SignIn.title'),
        },
    },
}, {
 headerMode: 'screen',
});

export const SignedInTabs = TabNavigator
  Orders: {
      screen: LoginStack, //OrdersStack,
        navigationOptions: {
            tabBarLabel: 'login', //strings('tabs.Orders'),
            tabBarIcon: ({tintColor}) => ( <Icon name = "list" color = {tintColor} size = {28} />),
        },
  },
  Account: {
        screen: LoginStack,
        navigationOptions: {
            tabBarLabel: 'login', //strings('tabs.Account'),
            tabBarIcon: ({tintColor}) => ( <Icon name = "account-circle" color = {tintColor} size = {28} />),
        },
  },
 }, {
    tabBarPosition: 'bottom',
    tabBarComponent: TabBarBottom,
    tabBarOptions: {
        activeTintColor: '#FFF',
        activeBackgroundColor: colors.primaryTheme
    },
});

react 原生版本:0.51.0

react 导航版本:1.0.0-beta.27

节点版本:6.11.0

npm 版本:3.10.10





编辑(5 月 26 日至 18 日):

https://github.com/react-navigation/react-navigation/issues/1627#issuecomment-368323254

robvolk 评论解决了我的问题。

Answer 1

我遇到了同样的问题。它看起来像是最新的 react-navigation 版本的错误？根据这个线程( https://github.com/react-navigation/react-navigation/issues/3586 )降级到 react-navigation@1.0.3 将解决这个问题。我降级并成功解决了这个问题。

我在这个上撕了2天的头发。