Flutter组件--标签按钮,tag标签,Chip组件

~废弃回忆 �༄

已于 2022-11-19 10:53:20 修改

阅读量1k

点赞数

分类专栏： Flutter 文章标签：标签按钮 tag标签 Chip组件

于 2022-10-24 14:51:33 首次发布

本文链接：https://blog.csdn.net/eastWind1101/article/details/127492707

版权

Flutter 专栏收录该内容

67 篇文章 19 订阅

订阅专栏

children: [
          Chip(label: Text("小标签")),
          Chip(
            label: Text("数学老师"),
            avatar: Container(
              child: CircleAvatar(
                backgroundColor: Colors.grey,
                child: Text("高"),
              ),
              padding: EdgeInsets.only(left: 5),
            ),
          ),
          Chip(
            label: Text("化学老师"),
            avatar: Container(
              child: CircleAvatar(
                backgroundImage: NetworkImage(
                    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202105%2F04%2F20210504062111_d8dc3.thumb.1000_0.jpg&refer=http%3 A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669085967&t=ca48e3dc5d29871989afade7c2bc3313"),
              ),
              padding: EdgeInsets.only(left: 5),
            ),
          ),
          Divider(
            color: Colors.red,
            height: 5,
            indent: 10, //左侧缩进
            endIndent: 20, //右侧缩进
          ),
          Chip(
            label: Text("City"),
            onDeleted: () {},
            deleteIcon: Icon(Icons.delete),
            deleteIconColor: Colors.red,
            //单击图标的时候会有一个提示
            deleteButtonTooltipMessage: "删除提示",
          ),
          //选中的标签
          FilterChip(
              label: Text("选中的标签"),
              onSelected:(value){}),
        ],