底部tabBar选中图片颜色怎么改

Question

我想问一下底部TabBar 我使用的是react-navigation，对于选中颜色更改我用了如下代码

tabBarOptions: {
   activeTintColor: '#2196F3',
   labelStyle: {
       fontSize: 12,
   },
   style: {
       backgroundColor: 'white',
   },
},

官方是这么解释的

activeTintColor：label and icon color of the active tab

但是这只能改变文字的颜色，请问图片颜色要怎么改？（本来想通过图片设置来修改，但是设置图片只有 tabBarIcon？ 没有tabBarSelectedIcon）

Answer 1

CrazyCodeBoy 2017-05-23 09:30:30

图片的颜色可以为Image设置style 设置他的tintColor 熟悉即可

• 提问者 tomatoCoder #1

  tabBarIcon:() => (
               <Image
                   source={require('../res/images/ic_polular.png') } style={[{height:30,width:30},{tintColor:'red'}]}
               />
           ),   这样设置的话选中和未选中都是红色的，tabBarSelectedIcon的属性也没有，请问有其他方式吗