[RadSideDrawer] ActionBar glitch when navigating back to drawer page on iOS 13

[xilefff]

Tell us about the problem

The app has two Pages. Page A contains a drawer. If I navigateBack from Page B to Page A, a strange "glitch" appears: during the navigation transition from Page B to Page A, Page B's ActionBar becomes white, like it loses any styles. The issue started with iOS 13. Before, on iOS 12, it was working perfectly.

Which platform(s) does your issue occur on?

iOS

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI plugin version: 7.0.2
• CLI: 6.1.0
• Cross-platform modules: 6.1.0
• Runtime(s): 6.1.1 (tns-ios)

Please tell us how to recreate the issue in as much detail as possible.

Navigate from the page (A) containing the RadSideDrawer to another page (B). Then, from Page B, navigate back to Page A. During the navigation transition, Page B's ActionBar glitches out.

To further clarify the issue, here's a GIF:

Thank you!

[tsonevn]

Hi @xilefff, I tested your case in a sample project, however, was unable to recreate the issue. For your convenience, I am attaching the project that I used for testing. You can review it and make the needed changes, that will help us to recreate the problem. Archive.zip

[xilefff]

Hi @tsonevn, Thank you.

I should have mentioned I'm using Nativescript-Vue, sorry. I checked your test project and It works well, but on Vue not.

I think I found what is causing the issue. I've copy-pasted this example drawer https://docs.nativescript.org/vuejs/ns-ui/SideDrawer/getting-started in my project. In this example the ActionBar is over the drawer. It works, but I need the drawer to appear over the ActionBar, as in the example above, so I've moved the ActionBar in a <Frame /> in the ~mainDrawerContent, and here we go, the issue appears.

...
<StackLayout ~mainContent>
 <Frame>
   <Page>
    <ActionBar title="Test">
      <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="onNavigationButtonTap"></NavigationButton>
    </ActionBar>

        ....

   </Page>
  </Frame>
</StackLayout>
...