Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[TabBarIOS] Inactive tintColor

See original GitHub issue

Would love the ability to customize the TabBar icon’s inactive color from the default gray, similar to how you can set tintColor on TabBarIOS. Or even the ability to enable UIImageRenderingModeAlwaysOriginal on an image would be better than nothing. For a current workaround, I’m manually setting Render As: Original Image for each image set in Images.xcassets directly in Xcode.

Issue Analytics

State:
Created 8 years ago
Reactions:2
Comments:7

Top GitHub Comments

3reactions

urbancvekcommented, Apr 27, 2016

I’ve just created a PR that solves this problem right here #7264 and it’s waiting to be accepted. 😄

0reactions

janicduplessiscommented, May 12, 2016

Thanks @urbancvek !

Top Results From Across the Web

activeTintColor Not changing Icon Color in react-navigation

All you need is to pass color prop into the Icon. It will take the activeTintColor or inactiveTintColor depending on if it is...

Tab navigation - React Navigation

The tintColor that is passed through to the tabBarIcon is either the active or inactive one, depending on the focused state (focused is...

How to control tab bar item color in Swift 4? - Apple Developer

I would like to have control over the color of a TabBar item based on some event. ... tintColor = UIColor(red: 1, green:...

[Solved]-Change active and inactive icon color-React Native

... activeColor="black" inactiveColor="#808080" barStyle={{backgroundColor: 'white'}}> <Tab.Screen name="About" component={About} options={{ tabBarIcon: ...

How do you use a custom navigation icon in the tabBarIcon ...

tabBarIcon : ({ color, focused }) => (. focused ? <SvgXml xml={ICONS.homeActive} width={28} height={28} /> : <SvgXml xml={ICONS.homeInactive} ...