Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-18954] iOS: Translucent effect of navbar changed with SDK 3.5.0+

GitHub Issuen/a
TypeBug
Priorityn/a
StatusOpen
ResolutionUnresolved
Affected Version/sn/a
Fix Version/sn/a
ComponentsiOS
LabelsengTriage, ios, navbar, statusbar, style
ReporterEd
AssigneeUnknown
Created2015-05-25T20:28:45.000+0000
Updated2019-12-11T18:50:35.000+0000

Description

Something changed starting with Ti SDK 3.5.0 that affects how the translucent navigation bar is rendered on iOS. With Ti SDK 3.4.1 and below, using the settings on the included sample app.js, the nav bar always rendered dark with light text. The same code on 3.5.0+ always renders the nav bar light, with dark text. One thing I've noticed is that changing the value of statusBarStyle with 3.4.1 (and below) does affect how the nav bar is rendered and toggles it from dark to light depending on the setting. This seems to be the correct behavior, however doing this has no effect with 3.5.0+ and the nav bar *always* renders light. Hopefully there's a quick work around for this. Our app has a dark theme with heavy use of translucency and we cannot upgrade to 3.5.0+ until we get this solved. Setting barColor: '#000000' is not ideal because you loose almost all of the translucency effect, so we keep this property undefined to get the best translucency effect.

Attachments

FileDateSize
3.4.1GA.png2015-05-26T04:45:21.000+000028825
3.5.1GA.png2015-05-26T04:45:26.000+000027430
4.0.0RC5.png2015-05-26T04:45:24.000+000027362
4.0.0RC5withbarColor_transparent.png2015-05-26T12:22:40.000+000029142
app.js2015-05-25T20:22:52.000+0000825
sdk-341-works-as-intended-dark.png2015-05-25T20:27:21.000+00009656
sdk-350-always-renders-light.png2015-05-25T20:27:28.000+00008751

Comments

  1. Ed 2015-05-26

    After posting this and testing further, found a workaround which is to define barColor: 'transparent'. Seems 3.5.0+ handles barColor: undefined differently than previous versions, but the workaround works well.

JSON Source