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

iOS: TabGroup tab bar is transparent instead of translucent on iOS 15

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: Release 10.1.0
    • Component/s: iOS
    • Labels:

      Description

      Summary:
      On iOS 15, the TabGroup's bottom tab bar is completely transparent now and is no longer translucent/semi-transparent. The issue with this are:

      • The tab title/icons are harder to see.
      • Can no longer change bottom tab bar color. (But you can still tint the tab title/icon.)

      Tab Bar Translucency Bug:

      1. Create Classic app project from template (provides tab icons).
      2. Replace "app.js" with attached TabGroupColorWindowTest.js .
      3. Build and run on iOS 15.
      4. Notice bottom tab bar is 100% transparent instead of semi-transparent.
      5. Notice you can't see inactive tab titles or icons.
      iOS 14 iOS 15

      Tab Bar Color Bug:

      1. Create Classic app project from template (provides tab icons).
      2. Replace "app.js" with attached TabGroupColorSharedTest.js .
      3. Build and run on iOS 15.
      4. Notice bottom tab bar is NOT green. (The "tabsBackgroundColor" property is ignored.)
      iOS 14 iOS 15

      Cause:
      Apple has made breaking-changes to the "appearance" object configured on a UITab where it defaults to configureWithTransparentBackground instead of configureWithDefaultBackground like iOS 14 and older. Also, we need to configure the scrollEdgeAppearance property now.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                jquick Joshua Quick
                Reporter:
                jquick Joshua Quick
                Reviewer:
                Gary Mathews
              • Watchers:
                1 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 Integration