Skip to content

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

@NickIliev

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

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions