RN填坑-----tabBarIOS的icon和selectedIcon设置后无效

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

        

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

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

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

文件的路径:项目-->


RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第1张图片

 1.1路径:Xcode->项目->RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第2张图片

RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第3张图片


RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第4张图片

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

RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第5张图片

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

RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第6张图片


RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第7张图片


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

RN填坑-----tabBarIOS的icon和selectedIcon设置后无效_第8张图片


是的,没错,你只需要添加这一句代码就可以了,这是一个BOOL值,为了好看点,你也可以这样:renderAsOriginal = {ture}



你可能感兴趣的:(ReactNative)