Flutter初学者之普通底部导航栏及自定义不规则底部导航栏的实现，赶紧收藏备战金三银四

}

class _BottomNavigationWidgetState extends State {

///定义底部导航栏字体的颜色

final _BottomNavigationColor = Colors.blue;

///需要点击的item索引

int _currentIndex = 0;

///定义装有 4 个页面组件用到的 List ,所以范型用的 Widget

List mList = List();

///重写StatefulWidget抽象类中的initState()方法，用于初始化的操作

@override

void initState() {

///使用 List 的 …add()方法，写法比逐个去 mList.add()要简单

mList

…add(HomeScreen())

…add(EmailScreen())

…add(PagesScreen())

…add(AirplayScreen());

super.initState();

}

@override

Widget build(BuildContext context) {

return Scaffold(

body: mList[_currentIndex],

bottomNavigationBar: BottomNavigationBar(

///这是添加的4个item

items: [ BottomNavigationBarItem(

icon: Icon(

Icons.home,

color: _BottomNavigationColor,

),

title: Text(

“home”,

style: TextStyle(color: _BottomNavigationColor),

)),

BottomNavigationBarItem(

icon: Icon(

Icons.email,

color: _BottomNavigationColor,

),

title: Text(

“email”,

style: TextStyle(color: _BottomNavigationColor),

)),

BottomNavigationBarItem(

icon: Icon(

Icons.pages,

color: _BottomNavigationColor,

),

title: Text(

“pages”,

style: TextStyle(color: _BottomNavigationCo