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

Android: TabGroup bar's background color is wrongly transparent on Android 4.4 as of 8.0.0

    Details

    • Story Points:
      5
    • Sprint:
      2019 Sprint 12

      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:

      1. Set up a Classic Titanium app project with the below code.
      2. Build with Titanium 8.0.0 and run it on Android 4.4
      3. 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.

      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).

      Work-around:
      Set TabGroup property "tabsBackgroundColor" to the color you want.
      The original dark gray color is "#FF212121".

        Attachments

          Activity

            People

            • Assignee:
              jquick Joshua Quick
              Reporter:
              jquick Joshua Quick
              Reviewer:
              Yordan Banev
              Tester:
              Samir Mohammed
            • Watchers:
              3 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 Source Code