反应原生反应导航tabBarIcon不显示

我有一个TabNavigator，我想在每个选项卡上有一个图标和一个标签。但是，尽管我尝试了很多方法来使图标出现，但没有任何反应。反应原生反应导航tabBarIcon不显示

// 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;

是的，我已经尝试了使用图标分量，所以我知道它的工作原理。

任何提示或指导将非常有帮助，谢谢！

来源

2017-06-17 willedanielsson

你的反应导航是什么版本???

你可以试试这个 navigationOptions: { tabBar: { label: 'Test', icon: ({tintColor}) => (<Icon ... />), }, }

将在版本工作1.0.0-beta.7

来源

2017-06-17 11:34:07 XShadow

我总是努力有最新的软件包，现在它的1.0.0-beta.11和测试-8移除的语法我还记得。最糟糕的情况是，我会回去几个版本 – willedanielsson

这工作

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

编辑：我只是检查，也没有叫齿轮谷歌图标素材。你应该仔细检查您的命名:)

来源

2017-08-11 15:16:50

尝试添加图标之前回报，像这样：

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

来源

2017-08-11 17:35:14 Eduard

我曾与1.0.0版本-beta14同样的问题。

对于我来说，升级到1.0.0-beta15固定它

来源

2017-10-19 06:22:20 Allan

反应原生反应导航tabBarIcon不显示

回答

相关问题