先去创建一个演示小部件用的页面 .. 添加一个带 Scaffold 小部件的 StatelessWidget .. 名字可以是 ButtonDemo ..

把它放在 MaterialComponents .. Scaffold .. body 里面 .. 复制一份这个 ListItem .. shift + alt + 向上按键 .. 项目的标题是 Button ... 按了这个标题打开的页面是下面创建的这个 ButtonDemo ..

保存一下.. 列表视图上会多了一个项目 .. 打开 Button ... 然后我们继续再修改 ButtonDemo .. 给它添加一个 body .. 界面的主体 .. 可以先用一个 Container ... 里面用 padding 添加点内边距 .. 大小是 16.0 ..

它的 child ，是一个 Column .. 添加一栏内容 .. 把这个 Column 的 MainAxisAlignment .. 设置成 MainAxisAlignment.center .. 让子部件垂直居中 .

这个 Column 的 children 是一组小部件 .. 可以先添加一个 Row .. 它可以添加一组并排显示的内容 .. 里面先把 mainAxisAlignment 设置成 MainAxisAlignment.center .. 让子部件水平居中显示 .. 这组子部件可以放在它的 children 属性里面 ..

这个小部件的结构以后可能还会用到 .. 选中它 .. shift + alt + 向下按键 .. 复制一份 ..

修改一下名字 .. _WidgetDemo ... 再修改一下工具栏上的标题 ..