Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-28551

iOS: TabGroup icons are tinted wrong on iOS 12 and older

    Details

    • Story Points:
      5

      Description

      Summary:
      On iOS 12 and older OS versions, TabGroup properties "activeTintColor" and "tintColor" fail to tint the tab icons correctly. "tintColor" never tints the inactive tab icons (they default to gray) and instead wrongly tints the active tab icon. The "activeTintColor" never tints the active tab icon.

      Steps to reproduce:

      1. Create a Classic Titanium project from template. (Will provide needed tab icons.)
      2. Use the below code as the "app.js".
      3. Build and run on iOS 12.

      function createTab(title, icon) {
      	const window = Ti.UI.createWindow({ title: title });
      	window.add(Ti.UI.createLabel({ text: title + " View" }));
      	const tab = Ti.UI.createTab({
      		title: title,
      		icon: icon,
      		window: window,
      	});
      	return tab;
      }
       
      const tabGroup = Ti.UI.createTabGroup({
      	tabs: [
      		createTab("Tab 1", "/assets/images/tab1.png"),
      		createTab("Tab 2", "/assets/images/tab2.png"),
      		createTab("Tab 3", "/assets/images/tab1.png")
      	],
      	activeTintColor: "red",
      	activeTitleColor: "red",
      	tintColor: "purple",
      	titleColor: "purple",
      	tabsBackgroundColor: "#F7F7F7",
      });
      tabGroup.open();
      

      Result:
      Notice the inactive tab icons are gray when they should be purple.
      Notice the active tab icon is wrongly purple when it should be red.

      Expected Result:

        Attachments

          Activity

            People

            • Assignee:
              jquick Joshua Quick
              Reporter:
              jquick Joshua Quick
              Reviewer:
              Gary Mathews
            • Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                  Git Integration