- Flutter快速上手1.6：基础控件之Chip
- Flutter快速上手1.4：基础控件之Button
- Flutter快速上手1.3：基础控件之TextField
- Flutter快速上手1.9：基础控件之Placeholder
- Flutter快速上手1.1：基础控件之Text和Selecta
- Flutter快速上手1.5：基础控件之Radio和Checkb
- Flutter快速上手1.8：基础控件之Switch和Cuper
- Flutter快速上手1.7：基础控件之Slider和Cuper
- Flutter快速上手1.2：基础控件之Image和Icon
- Flutter: Wrap 、Chip、CircleAvatar
| 属性名 | 类型 | 简介 |
|---|---|---|
| avatar | Widget | 在碎片标签之前显示的小控件 |
| label | Widget | 碎片的标签 |
| labelStyle | TextStyle | 标签文字样式 |
| labelPadding | EdgeInsetsGeometry | 标签文字内间距 |
| shape | ShapeBorder | 形状 |
| clipBehavior | Clip | 裁剪。 默认Clip.none（不裁剪） |
| backgroundColor | Color | 背景颜色 |
| padding | EdgeInsetsGeometry | 内间距 |
| deleteIcon | Widget | 添加图标按钮， 必须与onDeleted 配合使用 |
| onDeleted | VoidCallback | 图标按钮监听 |
| deleteIconColor | Color | deleteIcon的颜色 |
| deleteButtonTooltipMessage | String | deleteIcon长按文字提示 |
| materialTapTargetSize | MaterialTapTargetSize | 配置点击目标的最小大小 |
| elevation | double | 阴影高度 |
| shadowColor | Color | 阴影颜色 |
Chip(
avatar: const Icon(Icons.add_alert),
label: const Text('我是一个标签'),
deleteButtonTooltipMessage:'点你妹',
labelStyle: const TextStyle(color: Colors.white,fontSize: 15,fontWeight: FontWeight.bold),
labelPadding: const EdgeInsets.all(5),
backgroundColor: Colors.blue,
elevation:20,
shadowColor:Colors.grey,
deleteIcon: const Icon(Icons.close),
deleteIconColor:Colors.black,
onDeleted: (){
print('onTap');
},
),
20220419163126.jpg
本地Flutter 2.10.1，Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子，初学Flutter ，文章会根据学习进度不定时更新，请多多指教~~
网友评论