Skip to content

[iOS] ActionBar w/translucent navigationBar set to false is creating whitish transition #2870

Description

@NickIliev

When we set the ios navigationBar translucent to false the transition within pages is done with whitish artefacts.Reported in #1657 (comment)

Code to reproduce (with NativeScript 2.3.0)

    <Page.actionBar>
        <ActionBar title="Title" icon="">
            <NavigationButton text="Back" icon="" tap="" />
            <ActionBar.actionItems>
                <ActionItem icon="" text="Left" tap="" ios.position="left" />
                <ActionItem icon="" text="Right" tap="" ios.position="right" />
            </ActionBar.actionItems>
        </ActionBar>
    </Page.actionBar>

    // set the styles with accent background to notice the transition artefact
    Page {
      background-color: #30b773;
      color: #ffffff;
    }
    ActionBar {
      background-color: #30b773;
      color: #ffffff;
    }

and then set the translucent of the action bar with

 frameModule.topmost().ios.controller.navigationBar.translucent = false;

Navigate from the page with the translucent action bar to another page. Navigate with animated: false

Sample app that recreates this scenario here

Metadata

Metadata

Labels

bugos: iosready for testTSC needs to test this and confirm against live production apps and automated test suites

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions