tjvantoll / nativescript-template-drawer

A NativeScript starter template with drawer navigation
41 stars 17 forks source link

Change drawerTransition #3

Open fcornelius opened 8 years ago

fcornelius commented 8 years ago

Thanks for the template! I was wondering if I can avoid the flashing transition when selecting an item from the sidedrawer with a drawerTransition like so:

<drawer:rad-side-drawer.drawerTransition>
    <drawer:SlideInOnTopTransition />
</drawer:rad-side-drawer.drawerTransition>

Unfortunately this had no effect. Do you know of a way to change to the SlideInOnTopTransition when switching pages with topmost().navigate(...) like in your sample?

Steviey commented 7 years ago

+1, its flashing. Can't find a solution. Switched to https://github.com/telerik/nativescript-ui-samples.

The main problem here is the dynamic action bar which will cause the flashing if its colored other then the background. The Telerik sample has the same problem, but is not dark colored, so less flickering. An ideal solution would be a static action bar with changing label-text and a constant main background (no more flickering). This requires a real SPA template architecture without unnecessary, complete page reloads aka Router Outlet.