我们在上一章回中介绍了Slider Widget相关的内容,本章回中将介绍如何使用Chip Widget.闲话休提,让我们一起Talk Flutter吧。
1 概念介绍
本文中提到的Chip Widget在屏幕上显示一小块区域,类似悬浮的按钮,通常在网页类操作中比较常见,比如最近的搜索记录,或者视频中的弹幕。在实际项目中使用场
景不是很多,不过本章回中还是准备去介绍它的使用方法。
2 使用方法
和其它的组件一样,Chip Widget提供了相关的属性来控自己,下面是一些常用的属性:
- label属性:主要用来显示文本内容,类似于Button上的文本;
- labelStyle属性:主要用来修改label中文字的style;
- backgroundColor属性:主要用来修改整个chip组件的背景颜色;
- avatar属性:主要用来在label显示的文字前面添加一个圆形文字或者图标;
- deleteIcon属性:主要用来在label显示的文字后面添加图标;
- deleteIconColor属性:主要用来修改deleteIcon属性中图标的颜色;
- onDeleted属性:主要用来响应deleteIcon属性中图标的点击事件;
上面介绍的这些属性中只有第一个属性是必选属性,其它属性都是可选属性