tabBarIOS的icon和selectedIcon设置后无效

Posted 2020-08-23

现在网上的可学习资料包括一些书的可学习资料在关于设置tabBarios这个组件的图标和选中图标时都是这样告诉你的

 

[javascript] view plain copy

 

 

1.      <TabBarIOS.Item  
2.        icon = {require(‘image!icon_tabbar_mine‘)}  
3. selectedIcon = {require(‘image!icon_tabbar_mine_selected‘)}  
4.      </TabBarIOS.Item>  

 

然后你运行项目却始终发现，你的图标永远是系统默认的蓝色tintColor...百思不得其解了吧

追踪到RN对于tabBarItem的icon和selectedIcon的封装才知道，对于这两个属性，RN基本没处理，甚至根本就没有设置过selectedIcon这个属性。。坑吧，坑啊。。废话不多说了，下面是解决方法：

1.添加一个属性用来控制是否要在tabbar上显示原图

文件的路径：项目-->

 

 1.1路径：Xcode->项目->

 

2.对设置icon的代码进行处理

3.对选中的icon即selectedIcon进行处理

 

======================== 你已经搞定了， 看下如何使用呗 ===================

 

这是一个BOOL值，为了好看点，你也可以这样：renderAsOriginal = {ture}