如何更改Tabbar中图标的颜色? (反应天然导航)

时间:2018-04-27 01:59:42

标签: ios react-native navigation react-native-navigation

我想在TabBar中显示纯图标图像 但在iOS中,它显示如下。

enter image description here

但原始图片在下方。

enter image description here

我认为这是IOS的基础。我想删除颜色或设置为透明。 有可能吗?

我尝试在下面的某些测试中更改tabsStyle。

tabsStyle: {
    tabBarBackgroundColor: '#000',
    tabBarButtonColor: '#fff',
    tabBarSelectedButtonColor: '#fff',
  }

enter image description here

左图是工作但右图很奇怪。


环境

React Native:" 0.55.2"

react-native-navigation:" ^ 1.1.438"

平台:iOS

2 个答案:

答案 0 :(得分:1)

您可以使用tabStyle。例如

tabsStyle: {
    tabBarBackgroundColor: '#fff',
    tabBarButtonColor: '#fff',
    tabBarSelectedButtonColor: '#fff',
  }

答案 1 :(得分:1)

已解决。

我现在正在使用本机导航“ v2”。

这正常工作。