rhanb/nativescript-bottombar

Bottom bar bouncing

Closed this issue · 4 comments

b4rtt commented

Hi I found a little problem. It's not a very big problem but it's little annoying.

When I use bottombar for navigation across other pages with some transition, bottombar is jumping and I don't know why.

https://youtu.be/ZlqmFXDWlc8

rhanb commented

Hi @b4rtt ,

Unfortunately I can't reproduce the issue with a simple ScrollView. Could you provide a github repo please? Thanks 👍

b4rtt commented

Hi @rhanb,
thank you for you fast response! ;)

My repo is here https://github.com/b4rtt/bouncing_bar

rhanb commented

@b4rtt ,

So I manage to reproduce the issue on android. It comes from the animation from your routerExtensions in your tabs component. You added this:

 this.routerExtensions.navigate(["/tickets"], {
          clearHistory: true,
          transition: {
          name: "slideTop"
    }
});

which will animate your view when navigating between views, but since you choose the animation slideTop it will produce this bouncing issue. You should use the animation slideLeft or slideRight

Cheers from france 🇫🇷

b4rtt commented

@rhanb Thank you for help.
I realised that it's causing ActionBar flat="true" :-O

Cheers from Czechia 🇨🇿