Flutter学习（BottomNavigationBar、FloatingActionButton、Drawer、AppBar、PreferredSize）

1.BottomNavigationBar

BottomNavigationBar is the bottom navigation bar, which allows us to define the bottom Tab switch. bottomNavigationBar is a parameter of the Scaffold component.

2.FloatingActionButton​

FloatingActionButton, referred to as FAB, can realize a floating button, and can also realize a raised bottom navigation similar to Xianyu app

3.Drawer

UserAccountsDrawerHeader:

4.AppBar

Customize top button icon, color

Remove the debug icon:

 

Tabbar TabBarView implements similar headline top navigation:

① Mixed SingleTickerProviderStateMixin

② Define TabController

 ③ Configure TabBar and TabBarView

Attributes:

5.PreferredSize​

PreferredSize can change the height of appBar