用户登录

现在界面的右边会出现一个警告,提示我们有一部分内容超出了屏幕的显示 .. 这里我们可以用一个 Wrap 小部件去包装一下这些 Chip .. 这样如果内容超出了屏幕的显示,会另起一行显示它 .. 把这个 Row,换成 Wrap .. 再去掉它里面的 mainAxisAlignment 属性 ..

Wrap 小部件本身可以设置它里面包装的小部件之间的间隔,所以可以去掉我们在 Chip 之间添加的这些 SizedBox ..

然后在给 Wrap 添加一个 spacing ,设置一下小部件之间的间隔 .. 大小可以是 8.0 ..

runSpacing 这个属性可以调整行与行之间的间隔 .. 大小也可以把它设置成 8.0 ..

Wrap:换行显示小部件《 Flutter 移动应用:MDC 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点