首页 > 代码库 > tabBarIOS的icon和selectedIcon设置后无效

tabBarIOS的icon和selectedIcon设置后无效

现在网上的可学习资料包括一些书的可学习资料在关于设置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}

tabBarIOS的icon和selectedIcon设置后无效