Details
-
Type:
Improvement
-
Status: Reopened
-
Priority:
Medium
-
Resolution: Unresolved
-
Affects Version/s: None
-
Fix Version/s: Release 9.0.3
-
Component/s: iOS
-
Labels:
-
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
- is cloned from
-
TIMOB-27831 Android: Implement TabGroup.tintColor
-
- Closed
-
- relates to
-
TIMOB-28136 iOS: tintColor in tabGroup does not work
-
- Open
-