flutter 如何建立底部导航栏bottomNavigationBar

Scaffold小部件允许我们为我们的应用快速搭建appbar以及底部导航栏，接下来，将会介绍如何使用flutter搭建bottomNavigationBar。

动图展示

1 新建主文件

快速输入结构代码

import 'package:flutter/material.dart';

void main()=>runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

动态图演示流程

1.引入material材料包

2.输入st,选择有状态类，按下回车键即可。

3.添加入口函数

  import 'package:flutter/material.dart';

class Main extends StatefulWidget {
  @override
  _MainState createState() &