Expanded
如果想让这个按钮的宽度占满所有可用的空间,我们可以在一个 Row 里面使用一个 Expanded 小部件.. 把这个 Container 换成一个 Expanded .. 去掉里面的 width 属性 ..
现在这个 Row 里面只有一个小部件 .. 它会占用这排内容的所有可用的宽度 ..
再复制一份这个用 Expanded 包装的按钮 ..
在这两个按钮中间留点空,可以添加一个 SizedBox .. 设置一下它的 width,也就是宽度 .. 大小是 16.0 ..
现在屏幕上显示的这两个按钮会等分横排剩下的空间 ..
这个占用的空间的大小可以使用 Expanded 小部件里的 flex 属性调整一下 .. 在第二个按钮的上面,添加一个 flex ,默认它的值是 1,这里我们把它设置成 2 ... 这样它就会占用比之前更多的空间 ..
再保存一下这个练习 .. 复制一下这排内容 ..
上面创建一个 Widget ... 名字叫 ExpandedButton .. 再把复制的东西交给它 ...