《Flutter 项目工程化》第二章 2.4 导航栏

我所设计的 App 应具有五大模块，动态页，发现页，地图页，消息页，我的页面，故导航条应有五项，用户点击某一个导航图标会自动加载该按钮对应的页面。

新建视图

新建 /page 目录，在该目录下新建 dynamic.dart、find.dart、map.dart、message.dart、mine.dart，如果你是 Linux 开发环境或者在 Git bash 环境下，可以使用如下命令快速新建目录和文件。

mkdir -p lib/page
cd lib/page/
touch dynamic.dart find.dart map.dart message.dart mine.dart

下面进一步将 default_app.dart 内的 MyHomePage 类剥离，放在 dynamic.dart 文件内，如果按钮点击方法是抛出异常，请改回增加数字方法_incrementCounter()，以便我们看到效果。
default_app.dart 导入 index.dart ，MyHomePage() 改为 MainHomePage()，最终代码如下：

import 'package:flutter/material.dart'