Page rebuild with custom navbar

Widgets & Design

ScreenRecorderProject1.mp4
2.52MB

I am building a mobile app for which I made a custom navbar with the usual approach: it is stacked at the bottom of the page with safe area on.

It is beautiful and working great except that when I navigate to a different page, it blinks for a fraction of second.

To me this blink kills the vibe. I don't see it on tutorial videos so maybe I am doing something wrong. I understand the blink is due to a triggered page rebuild that also rebuilds the navbar, which makes it blink.

How can I have a steady navbar ?

Please help, I am very close to moving all my pages into a tab widget with 'keep all state alive' so that the screen stops blinking. But there will be other issues and it does not look like a best practice.

What have you tried so far?

Navigating to the same page with different parameters to update the content

Did you check FlutterFlow's Documentation for this topic?
Yes
2
6 replies