[TIMOB-28505] iOS: TabGroup tab bar is transparent instead of translucent on iOS 15
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | Critical |
| Status | Closed |
| Resolution | Fixed |
| Resolution Date | 2021-08-24T15:28:58.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | Release 10.1.0 |
| Components | iOS |
| Labels | TabGroup, iOS, tabs |
| Reporter | Joshua Quick |
| Assignee | Joshua Quick |
| Created | 2021-07-08T22:32:31.000+0000 |
| Updated | 2021-11-04T00:11:34.000+0000 |
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:*
Create Classic app project from template (provides tab icons).
Replace "app.js" with attached [^TabGroupColorWindowTest.js] .
Build and run on iOS 15.
Notice bottom tab bar is 100% transparent instead of semi-transparent.
Notice you can't see inactive tab titles or icons.
||iOS 14||iOS 15|| | !TabGroup-Translucent-iOS14.png|thumbnail! | !TabGroup-Translucent-iOS15.png|thumbnail! | *Tab Bar Color Bug:*Create Classic app project from template (provides tab icons).
Replace "app.js" with attached [^TabGroupColorSharedTest.js] .
Build and run on iOS 15.
Notice bottom tab bar is *NOT* green. _(The "tabsBackgroundColor" property is ignored.)_
||iOS 14||iOS 15|| | !TabGroup-Colored-iOS14.png|thumbnail! | !TabGroup-Colored-iOS15.png|thumbnail! | *Cause:* Apple has made breaking-changes to the "appearance" object configured on a UITab where it defaults toconfigureWithTransparentBackground instead of configureWithDefaultBackground like iOS 14 and older. Also, we need to configure the scrollEdgeAppearance property now.
Attachments
| File | Date | Size |
|---|---|---|
| TabGroup-Colored-iOS14.png | 2021-07-08T21:56:16.000+0000 | 866001 |
| TabGroup-Colored-iOS15.png | 2021-07-08T21:56:15.000+0000 | 846050 |
| TabGroupColorSharedTest.js | 2021-07-08T21:55:52.000+0000 | 642 |
| TabGroupColorWindowTest.js | 2021-07-08T21:55:52.000+0000 | 549 |
| TabGroup-Translucent-iOS14.png | 2021-07-08T21:56:17.000+0000 | 913014 |
| TabGroup-Translucent-iOS15.png | 2021-07-08T21:56:17.000+0000 | 836613 |
PR (master): https://github.com/appcelerator/titanium_mobile/pull/12946
This is not an issue with Xcode 13 beta 3. It's only an issue with beta 1 and 2. Looks like Apple changed the defaults to be backward compatible.
This issue came back when I tested it with Xcode 13 beta 5.