React native React本机React导航选项卡BARICON不显示

我有一个TabNavigator，我想在每个选项卡上都有图标和标签。然而，尽管我已经尝试了很多方法来让图标出现，但什么都没有发生

// Imports...

const StartScreen =  TabNavigator({
    Home: {
        screen: HomeTab,
        navigationOptions: {
            tabBarLabel: 'Test',
            tabBarIcon:() => <Icon size={ 20 } name={ 'cogs' } color={ 'red' }/>
        }
    },
    Calendar: {
        screen: CalendarTab,
        navigationOptions: {}
    }
});

StartScreen.navigationOptions = {
    title: 'TestApp',
    headerTintColor: '#ffa500',
    showIcon: true
};

export default StartScreen;

//导入。。。
const StartScreen=TabNavigator({
主页：{
屏幕：HomeTab，
导航选项：{
tabBarLabel:“测试”，
tabBarIcon:（）=>
}
},
日历：{
屏幕：日历选项卡，
导航选项：{}
}
});
StartScreen.navigationOptions={
标题：“TestApp”，
标题颜色：“#ffa500”，
showIcon：对
};
导出默认StartScreen；

是的，我试过使用图标组件，所以我知道它是有效的

---

任何提示或指导都会非常有用，谢谢

您的导航版本是什么

你可以试试这个

navigationOptions: {
            tabBar: {
                label: 'Test',
                icon: ({tintColor}) => (<Icon ... />),
            },
        }

导航选项：{
选项卡栏：{
标签：“测试”，
图标：（{tintColor}）=>（），
},
}

它将在版本

1.0.0-beta.7中工作，这是可行的

const StartScreen =  TabNavigator({
  Home: {
    ...
  },
  Calendar: {
    ...
  },
},  {  
  tabBarOptions: { 
    showIcon: true 
  }, 
});    

编辑：我刚检查过，没有名为cogs的google材质图标。您应该仔细检查您的命名：）
尝试在图标前添加return，如下所示：

tabBarIcon:() => return <Icon size={ 20 } name={ 'cogs' } color={ 'red' }/>

tabBarIcon:（）=>返回
我在版本1.0.0-beta14中遇到了同样的问题

对我来说，升级到1.0.0-beta15修复了它
尝试使用
tabBarOptions={{{showcon:true}}

我也遇到了同样的问题，我必须强制显示我设置为true的图标。这以前解决了我的问题。
我一直在努力获得最新的软件包，所以现在它是1.0.0-beta.11版本，正如我所记得的，beta-8版本中删除了该语法。最坏的情况是，我将返回几个版本。你应该解释为什么你认为你的答案是正确的。我也有同样的问题，我必须强制显示我的图标。我将showIcon设置为True将解释添加到你的答案中。