Android: TabbedBar icon doesn't tint like the label.

[tyroneBaba]

I have searched and made sure there are no existing issues for the issue I am filing

• I have searched the existing issues

Description

I'm using BarItemType for icons in a tabbed bar but unlike the label, it doesn't tint/color to any colour. I've tried a few properties but nothing will change it, it keeps to the default blue color.

Expected Behavior

For the icon to change to whatever colour i set like it does with labels

Actual behavior

Stays the default material/android blue.

Reproducible sample

In XML

<TabbedBar id='tabbedBar' class='tabbedBar' onClick='onTabClick'>
	<BarItemTypes>
		<BarItemType id='tab1' image=''/> <!--put image here-->
	</BarItemTypes>
</TabbedBar>

In TSS

".tabbedBar" : {
	height : 50,
	width : Ti.UI.FILL,
	tintColor : '#D4AF37',
	selectedTextColor : '#000000',
	backgroundFocusedColor : '#D4AF37',
	selectedBackgroundColor : '#D4AF37',
	bottom : 5
}

Steps to reproduce

use the code above and observe the active colour being blue

Platform

No response

SDK version you are using

12.2.1.GA

Alloy version you are using

No response

[m1ga]

A quick test with:

tab.getIcon().setColorFilter(
	TiConvert.toColor(proxy.getProperty("tintColor"), TiApplication.getAppCurrentActivity()),
	PorterDuff.Mode.SRC_IN
);

in https://github.com/tidev/titanium-sdk/blob/master/android/modules/ui/src/java/ti/modules/titanium/ui/widget/TiUITabbedBar.java#L263

and also for the bottom navigation bellow. Should be menuItem.setIconTintList(ColorStateList); or something like this.

This will tint all icons with the same color. Then it should use a selected tintColor for the selected icon.

Classic test code for the app.js in the SDK:

var win = Ti.UI.createWindow();
var bb1 = Ti.UI.createTabbedBar({
  height : 50,
  	width : Ti.UI.FILL,
  	tintColor : '#D4AF37',
  	selectedTextColor : '#000000',
  	backgroundFocusedColor : '#D4AF37',
  	selectedBackgroundColor : '#D4AF37',
  	selectedTintColor : '#f00',
  	bottom : 5,
  	labels: [{label:"test", image:"KS_nav_ui.png"}, {label:"test", image:"KS_nav_ui.png"}, {label:"test", image:"KS_nav_ui.png"}]
});
win.add(bb1);
win.open();