先去掉这个 Column 小部件的 children 属性里面的东西 .. 然后把上面我们存储的这个演示都放在这个 children 属性里面 ..

然后可以剪切一下这个 ButtonDemo .. 把它单独放在一个文件里面 .. 在 lib .. demo 下面，新建一个文件 .. 名字是 button_demo.dart ..

把剪切的 ButtonDemo 粘贴到这里 .. 然后在文件顶部 .. 再导入 flutter 里面的 material.dart ..

这里编辑器会提示说这些名字最好使用小写字母开头 .. 可以修改一下这几个演示的名字 .. 把首字母都换成小写的..

然后再修改一下使用这些演示的地方的名字 ..

回到 material_components .. 在文件顶部导入刚才创建的文件 .. button_demo.dart ...

执行一下 hot restart .. 打开 Button 这个页面 .. 上面会显示我们之前做过的一些按钮..

下面可以再把做的这个漂浮动作按钮的演示的代码也放在一个单独的文件里面 .. 剪切一下这块代码 ..

新建一个文件 .. 放在 lib .. demo 的下面 .. 名字是 floating_action_button_demo.dart ..

再剪切的代码粘贴过来 ..

在文件的顶部再导入 flutter 里的 material ..

回到 material_components ... 先导入刚才创建的文件 .. floating_action_button_demo.dart ..

执行一下 hot restart ..

再回到模拟器上试一下 .. 按一下 FloatingActionButtonDemo .. 打开的是漂浮动作按钮的演示页面 ..

再按一下 Button ... 打开的就是按钮的演示页面 ...