Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-27117] Android: TabGroup bar's background color is wrongly transparent on Android 4.4 as of 8.0.0

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionFixed
Resolution Date2019-06-13T10:20:42.000+0000
Affected Version/sRelease 8.0.0
Fix Version/sRelease 8.0.2
ComponentsAndroid
LabelsTabGroup, android, background, engSchedule, regression
ReporterJoshua Quick
AssigneeJoshua Quick
Created2019-05-31T18:17:47.000+0000
Updated2019-06-13T10:20:43.000+0000

Description

*Summary:* As of Titanium 8.0.0, the TabGroup tab bar's background color is transparent on Android 4.4. On Android 5.0 and higher, it shows the correct background color (defaults to dark gray). This issue happens with both the top and bottom tab bar styles. *Steps to reproduce:*

Set up a Classic Titanium app project with the below code.

Build with Titanium 8.0.0 and run it on Android 4.4

Observe the displayed tab bar.

function createTab(title) {
	var window = Ti.UI.createWindow({ title: title });
	window.add(Ti.UI.createLabel({ text: title + " View" }));
	var tab = Ti.UI.createTab({
		title: title,
		window: window,
	});
	return tab;
}

var tabGroup = Ti.UI.createTabGroup({
	tabs: [createTab("Tab 1"), createTab("Tab 2"), createTab("Tab 3")],
//	style: Ti.UI.Android.TABS_STYLE_BOTTOM_NAVIGATION,
});
tabGroup.open();
*Result:* The TabGroup tab bar's background color is transparent when it shouldn't be. !TabGroup-bad.png|thumbnail! *Expected Result:* The tab bar should use the same background color as the ActionBar, which by default is dark gray (depending on the assigned theme). !TabGroup-good.png|thumbnail! *Work-around:* Set TabGroup property "tabsBackgroundColor" to the color you want. The original dark gray color is "#FF212121".

Attachments

FileDateSize
TabGroup-bad.png2019-05-31T18:17:24.000+000025646
TabGroup-good.png2019-05-31T18:17:29.000+000025844

Comments

  1. Joshua Quick 2019-06-01

    PR (master): https://github.com/appcelerator/titanium_mobile/pull/10928 PR (8.0.x): https://github.com/appcelerator/titanium_mobile/pull/10930 PR (8.1.x): https://github.com/appcelerator/titanium_mobile/pull/10935
  2. Samir Mohammed 2019-06-11

    FR Passed, waiting on Jenkins builds.
  3. Samir Mohammed 2019-06-13

    *Closing ticket* fix verified in SDK Version: 8.2.0.v20190612155743, 8.1.0.v20190612160220 and 8.0.2.v20190612075012 Test and other information can be found at: PR (master): https://github.com/appcelerator/titanium_mobile/pull/10928 PR (8.0.x): https://github.com/appcelerator/titanium_mobile/pull/10930 PR (8.1.x): https://github.com/appcelerator/titanium_mobile/pull/10935

JSON Source