CODEWITHSUNDEEP
iosreact-nativenavigationreact-native-navigation
mss
mss

Reputation: 177

How to change the color of icon in Tabbar? (react-native-navigation)

I want to just show pure icon image in TabBar but in iOS, it's displayed like this.

enter image description here

but original images are below.

enter image description here

I think it is basic in IOS. I want to remove the color or to set be transparent. Is it possible?

I tried to change tabsStyle for some test below.

tabsStyle: {
    tabBarBackgroundColor: '#000',
    tabBarButtonColor: '#fff',
    tabBarSelectedButtonColor: '#fff',
  }

enter image description here

Left image is work but Right image is strange.


Environment

React Native: "0.55.2"

react-native-navigation: "^1.1.438"

Platform: iOS

Upvotes: 2

Views: 4542

Answers (2)

mss
mss

Reputation: 177

It's solved.

I'm using react-native-navigation "v2" now.

This is working properly.

Upvotes: 1

Vivek_Neel
Vivek_Neel

Reputation: 1353

You can use tabStyle . For e.g

tabsStyle: {
    tabBarBackgroundColor: '#fff',
    tabBarButtonColor: '#fff',
    tabBarSelectedButtonColor: '#fff',
  }

Upvotes: 1

Related Questions