反应原生反应导航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;
是的,我已经尝试了使用图标分量,所以我知道它的工作原理。
任何提示或指导将非常有帮助,谢谢!
答
你的反应导航是什么版本???
你可以试试这个 navigationOptions: { tabBar: { label: 'Test', icon: ({tintColor}) => (<Icon ... />), }, }
将在版本工作1.0.0-beta.7
答
这工作
const StartScreen = TabNavigator({
Home: {
...
},
Calendar: {
...
},
}, {
tabBarOptions: {
showIcon: true
},
});
编辑:我只是检查,也没有叫齿轮谷歌图标素材。你应该仔细检查您的命名:)
答
尝试添加图标之前回报,像这样:
tabBarIcon:() => return <Icon size={ 20 } name={ 'cogs' } color={ 'red' }/>
答
我曾与1.0.0版本-beta14同样的问题。
对于我来说,升级到1.0.0-beta15固定它
我总是努力有最新的软件包,现在它的1.0.0-beta.11和测试-8移除的语法我还记得。最糟糕的情况是,我会回去几个版本 – willedanielsson