Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-28136] iOS: tintColor in tabGroup does not work

GitHub Issuen/a
TypeBug
PriorityCritical
StatusOpen
ResolutionUnresolved
Affected Version/sn/a
Fix Version/sn/a
ComponentsiOS
Labelsn/a
ReporterAndreas Pingas
AssigneeVijay Singh
Created2020-09-07T20:12:44.000+0000
Updated2021-10-07T10:11:35.000+0000

Description

tintColor in tabGroup as it is described in the documentation, as you can see in the image below, tintColor is set to ‘#FFFFFF’. It only works properly on version 9.0.3.GA. Please advice. Thank you in advance.

Attachments

FileDateSize
Screenshot 2020-09-07 at 3.53.17 PM.png2020-09-07T20:11:44.000+000020446
Screenshot 2020-09-14 at 10.26.13 PM.png2020-09-14T19:32:45.000+000016252
Screenshot 2020-09-14 at 10.28.37 PM.png2020-09-14T19:32:45.000+000015167

Comments

  1. Rene Pot 2020-09-10

    Hi [~andreas.pingas]. Could you provide a complete code sample that demonstrates this problem?
  2. Andreas Pingas 2020-09-14

       	var window1 = Ti.UI.createWindow({
   		title:'Window 1'
   	});
   	
   	var window2= Ti.UI.createWindow({
   		title:'Window 2'
   	});
   		
   	var tab1 = Ti.UI.createTab({
   		title:'Tab 1',
   		icon:'/images/ic_action_desktop_windows.png',
   		window:window1
   	});
   	
   	var tab2 = Ti.UI.createTab({
   		title:'Tab 2',
   		icon:'/images/ic_action_today.png',
   		window:window2
   	});
   			
   	var tabGroup = Ti.UI.createTabGroup({
   		tabs:[tab1, tab2],
   		backgroundColor:'#FFFFFF',
   		tabsBackgroundColor:'#000000',
   		barColor:'#000000',
   		navTintColor:'#FFFFFF',
   	   	tintColor:'#FFFFFF',
   	   	activeTintColor:'#FF0000',	
   		titleColor:'#FFFFFF',
   		activeTitleColor:'#FF0000',
   		style:Ti.UI.Android.TABS_STYLE_BOTTOM_NAVIGATION
   	});
   	
   	tabGroup.open();
    TEST: 1) 9.0.3.GA 2) 9.1.0.GA
  3. Rene Pot 2020-09-15

    I can confirm this codesample doesn't work on iOS with 9.1.0.GA but does on Android. However, I couldn't get this to work on 9.0.3.GA either.
  4. Vijay Singh 2020-09-18

    [~andreas.pingas] 1. Is it happening on all iOS versions or any particular. I guess iOS < 13.0. And are you sure it is working on sdk 9.0.3.GA? 2. Are you talking about tintColor or activeTintColor? 3. Can you update screenshots with name e.g correct_image and incorrect_image? It'll help in understand the issue, what you are talking about. Thanks!
  5. Jason Kneen 2021-10-07

    How is this not fixed from a year ago? Using TabGroups with iOS is a complete nightmare -- basically native implementation and just doesn't work -- I have to use a combination of properties that don't follow the documentation just to get the icon and active text selected, then can't change the inactive text color. This allows me to have a red icon and red active text, black icon but default text color -- I can't change it but this doesn't follow any conventions. If I don't set tab tintcolor to black it comes up red for inactive tab icons -- it's ridiculous we can't use a native tabgroup properly! 
       "TabGroup": {
   	activeTintColor: "#C00014",
   	tintColor: "#C00014",
   	tabsBackgroundColor: "#fff",	
   }
   "Tab": {	
   	tintColor: "#000",	
   }

JSON Source