用户登录

ActionChip 可以带一个动作,所以它的功能有点像是按钮 ... 先复制一份上面这个 Divider 还有这个 Wrap 小部件 ..

生成的这组 Chip 可以换成 ActionChip .. 这样它里面就不能再用 onDelete 了 .. ActionChip 里提供了一个 onPressed .. 点按 Chip 会执行这个属性指定的动作 .. 先给它一个空白的方法 ..

然后在这个 Wrap 的上面,可以再添加一个 Container ... 设置一下它的 width ... double.infinity ... 这个 Container 的 child 是个 Text .. 显示的文字是 ActionChip .. 后面再加上一个 _action ..

在上面我们可以再去添加一个 String 类型的数据 .. 数据的名字是 _action .. 先让它等于 Nothing ..

再找到 ActionChip 的 onPressed 属性 .. 在这个方法里面,我们可以执行一下 setState .. 去把 _action 的值设置成 tag ..

然后到模拟器上试一下 .. 按一下柠檬 .. 在上面的这个标题里面,会显示被按的这个 ActionChip ..

ActionChip:动作碎片《 Flutter 移动应用:MDC 》

统计

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

社会化网络

关于

微信订阅号

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