属性说明:

    1. currentIndex:表示当前显示页面的索引值
    2. onTap():表单点击导航栏的时候触发的函数

      1. onTap(int index){ // index表示的是当前页面的索引值
      2. print("当前显示的是第${index+1}个页面");
      3. }
    3. items[]: 表示的是导航栏中的显示的元素列表,

      1. @override
      2. Widget build(BuildContext context) {
      3. return Scaffold(
      4. appBar: AppBar(
      5. title: const Text("Flutter"),
      6. ),
      7. body: viewList[_currentIndex],
      8. bottomNavigationBar: BottomNavigationBar(
      9. currentIndex: _currentIndex,
      10. onTap: (int index){
      11. setState(() {
      12. _currentIndex = index;
      13. });
      14. },
      15. items: const [
      16. BottomNavigationBarItem(
      17. icon: Icon(Icons.home),
      18. label: "主页",
      19. ),
      20. BottomNavigationBarItem(
      21. icon: Icon(Icons.category),
      22. label: "分类",
      23. ),
      24. BottomNavigationBarItem(
      25. icon: Icon(Icons.settings),
      26. label: "设置"
      27. )
      28. ],
      29. ),
      30. );
      31. }