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

iOS: Implement Tab tintColor and activeTintColor

    Details

    • Type: Improvement
    • Status: Reopened
    • Priority: Medium
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: Release 9.0.3
    • Component/s: iOS
    • Story Points:
      3
    • Sprint:
      2020 Sprint 12

      Description

      Implement ability to specify a tintColor or activeTintColor for tab icons.

      Currently, iOS has a number of properties that can be used to specify icon color.

      TabGroup

      • activeTabIconTint
      • tabsTintColor
      • tintColor
      • unselectedItemTintColor

      Tab

      • tintColor

      This change will deprecate activeTabIconTint, tabsTintColor and unselectedItemTintColor in favor of tintColor and activeTintColor for parity with Android.

      TEST CASE

      const tabGroup = Ti.UI.createTabGroup({
      	// style: Ti.UI.Android.TABS_STYLE_BOTTOM_NAVIGATION
      });
       
      const tabWin_home = Ti.UI.createWindow({
         	title: 'Home',
         	backgroundColor: 'white'
      });
      const tab_home = Ti.UI.createTab({
         	icon: 'home.png',
         	title: 'Home',
         	titleColor: 'red',
         	activeTitleColor: 'blue',
         	tintColor: 'red',
         	activeTintColor: 'blue',
         	window: tabWin_home
      });
       
      const tabWin_chat = Ti.UI.createWindow({
      	title: 'Chat',
      	backgroundColor: 'white'
      });
      const tab_chat = Ti.UI.createTab({
      	icon: 'chat.png',
      	title: 'Chat',
      	titleColor: 'red',
      	activeTitleColor: 'blue',
      	tintColor: 'red',
      	activeTintColor: 'blue',
      	window: tabWin_chat
      });
       
      tabGroup.addTab(tab_home);
      tabGroup.addTab(tab_chat);
      tabGroup.open();
      

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                gmathews Gary Mathews
                Reporter:
                gmathews Gary Mathews
                Reviewer:
                Vijay Singh
                Tester:
                Samir Mohammed
              • Watchers:
                8 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Backbone Issue Sync

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

                    Git Integration