Proper now my Flutter app has two pages: the app’s house (picture 1) and the leaderboard (picture 2).
The house web page has a BottomAppBar with two buttons plus an prolonged FAB docked to it (the one with mock button written on it), the left one does nothing, and the correct one opens the leaderboard web page as if it was a “little one”.
I might like to change out the BottomAppBar with a BottomNavigationBar and make the leaderboard web page the house’s “sibling”, as an alternative of it is “little one”. That may imply having the BottomNavigationBar out there on the leaderboard web page too, the problem is that the prolonged FAB, which I want to hold docked on the BottomNavigationBar within the leaderboard web page too, would cowl the bottom ‘Mock Title’.
How ought to I modify the UI to forestall the prolonged FAB from overlaying the bottom row?