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?