0

Right now my Flutter app has two pages: the app's home (image 1) and the leaderboard (image 2). The home page has a BottomAppBar with two buttons plus an extended FAB docked to it (the one with mock button written on it), the left one does nothing, and the right one opens the leaderboard page as if it was a "child".

I'd like to switch out the BottomAppBar with a BottomNavigationBar and make the leaderboard page the home's "sibling", instead of it's "child". That would mean having the BottomNavigationBar available on the leaderboard page too, the issue is that the extended FAB, which I would like to keep docked on the BottomNavigationBar in the leaderboard page too, would cover the lowest 'Mock Name'.

How should I change the UI to prevent the extended FAB from covering the lowest row?

Image 1

Home

Image 2

Leaderboard

0

Add a blank section to the bottom of the list, so that the last entry scrolls to and sits above the navigation.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.