In Titanium JS, how can I change the inactive Tab tint colour?

StackOverflow https://stackoverflow.com/questions/23157555

  •  05-07-2023
  •  | 
  •  

Question

I've successfully changed the Tabs background colour and the active tab tint colour. However, I can't seem to change the tint colour of an inactive tab from grey.

enter image description here

As you can see in the image above, the "About" tab text and icon are grey.

Note that the icons are .png image files, which are both white. It looks like they are being overridden with that grey colour.

How can I make them white or another colour?

I've tried the following in my .tss file, but nothing has worked:

"TabGroup" : { 
   barColor: '#f8ac12',
   tabsBackgroundColor: '#f8ac12',
   tintColor: '#FFFFFF',
   tabsTintColor: '#FFFFFF',
   activeTabIconTint: '#FFFFFF',
},
"Tab": {
    iconIsmask: "false",
    tintColor: '#FFFFFF',  
}
Was it helpful?

Solution 2

You cannot change an inactive tab's tint color so you should try this custom tab group widget.

OTHER TIPS

The Titanium docs have a typo. The property you need to modify for the tab is "iconIsMask", not "iconIsmask". This should make iOS should keep whatever the icon's color is. 

"Tab": {
  iconIsMask: false,
  tintColor: '#FFFFFF'
}

Unfortunately, the text remains gray. I'm trying to figure that out now. http://imgur.com/m805qY7

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top