用户登录

ChoiceChip 有点像是单选按钮 .. 表示在一组东西里面的一个唯一的选择 .. 先在这个类里面添加一个新的数据 .. 类型是 String .. 名字可以叫 _choice .. 先让它等于 Lemon ..

然后再去复制一份 .. Divider .. Container 还有这个 Wrap .. 选中以后,按一下 shift + alt + 向下箭头 ..

修改一下标题文字 .. ChoiceChip .. 后面再加上 _choice ..

这回我们要用的小部件是 ChoiceChip .. 它里面可以使用 selected 属性表示选中的状态 .. 这里判断一下 _choice 是不是等于 tag ... 是的话就说明当前项目是被选中的项目 ..

在 onSelected 里面,设置一下小部件的状态 .. 让 _choice 的值等于 tag ..

被选中的项目的背景颜色可以使用 selectedColor 属性设置一下 .. 把它设置成黑色 ..

按一下漂浮动作按钮的时候会重置状态 .. 这里把 _choice 的值设置成 Lemon ..

下面可以到模拟器上试一下 .. 选中一个项目 .. 它会变成选中的状态 .. 同时之前的被选中的项目会变成未选中的状态 ..

ChoiceChip:选择碎片《 Flutter 移动应用:MDC 》

统计

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

社会化网络

关于

微信订阅号

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