我们可以把之前练习过的计数器功能的 App 用 Bloc 的形式再做一遍 .. 设置一下 body 的值 .. 用一下 CounterHome ..

再给这个 Scaffold 小部件添加一个 floatingActionButton .. 小部件用一下 CounterActionButton .. 下面再去创建一下需要的这两个小部件 ..

在 Bloc 目录的下面，新建一个文件 .. 名字是 coutner_bloc_demo.dart .. 文件里面添加一个 Stateless 类型的小部件 .. 小部件的名字叫 CoutnerHome .. 小部件的 build 方法 return 的东西，先用一个 Center 小部件 .. 它的 child 用一个 ActionChip .. 这个 Chip 的 label，标签是一个 Text .. 显示的文字可以先设置成 0 ..

再添加一个 onPressed .. 给它一个空白的方法 ..

在 bloc_demo.dart 里面，我们可以导入刚才创建的 counter_bloc_demo.dart 这个文件 ..

然后回到这个文件，继续再去创建一个小部件 .. 再添加一个 Stateless 类型的小部件，名字叫 CoutnerActionButton .. 它是页面上的显示的动作按钮 .. return 的是一个 FloatingActionButton .. 小部件的 child 是一个 Icon .. 小图标用一下 Icons.add ，一个加号小图标 ..

按钮需要一个点按的处理方法，名字是 onPressed .. 先给它一个空白的方法 ..