Flutter的Chip标签组件

// Chip组件
class ChipDemo extends StatelessWidget {List<String> _tag = ['Android', 'ios', 'windows'];@overrideWidget build(BuildContext context) {return ListView(children: [Chip(label: Text('Flutter'),),Chip(label: Text('Flutter'),backgroundColor: Colors.orange,),Chip(label: Text('Flutter'),avatar: CircleAvatar(backgroundColor: Colors.green,child: Text('Flutter'),),),Chip(label: Text('Flutter'),avatar: CircleAvatar(backgroundImage: ExactAssetImage('assets/view.jpg'),child: Text('Flutter'),),),Chip(label: Text('Flutter'),// 删除回调onDeleted: () {},// 删除图标deleteIcon: Icon(Icons.delete),// 删除图标颜色deleteIconColor: Colors.redAccent,// 删除提示deleteButtonTooltipMessage: '删除这个标签',),Wrap(spacing: 8.0,children: _tag.map((e) => Chip(label: Text('Android'),onDeleted: () {},)).toList(),),Wrap(spacing: 8.0,children: _tag.map((e) => ActionChip(label: Text('Android'),onPressed: () {  },)).toList(),),Wrap(spacing: 8.0,children: _tag.map((e) => FilterChip(label: Text('Android'),selected: e == 'Android',onSelected: (bool value) {},)).toList(),),Wrap(spacing: 8.0,children: _tag.map((e) =>ChoiceChip(label: Text('Android'),selected: e == 'Android',selectedColor: Colors.redAccent,onSelected: (bool value) {},)).toList(),)],);}
}

Flutter的Chip标签组件相关推荐

如何在你的 Flutter 中使用 input chip 标签组件
lang: zh-CN title: 如何在你的 Flutter 中使用 input chip 标签组件 description: 译文如何在你的 Flutter 中使用 input chip 标签 ...
Flutter中富文件标签的解决方案
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. [x1]点击查看提示 [x2]各种系列的教程一个程序员的修炼日记在实际业务开发中,时常会有这种一段Html格式的标签,看下图的情况 ...
4、Java Swing JLable：标签组件
在添加了容器并指定了布局管理方式之后,便可以向容器中添加各种展示类的组件,像标签.按钮.单选和多选框等.本节将介绍 Swing 中标签组件的用法. 标签标签是一种可以包含文本和图片的非交互组件,其文 ...
【标签组件与图标 3.3】
1.图片图标. SWing 利用javax.swing.ImageIcon 类根据现有图片创建图标,ImageIcon类实现了Icon接口,同时Java支持多种图片格式. public ImageIc ...
微信小程序 MinUI 组件库系列之 label 标签组件
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁.易用.高效的组件库,适用场景广,覆盖小程序原生框架.各种小程序组件主流框架等,并且提供了高效的命令行工具.MinUI 组件库包含了很多基础 ...
【JAVA】-- GUI用户界面设计（面板组件、文本组件、标签组件、按钮组件、下拉框组件）
Swing中的组件:面板组件.文本组件.标签组件.按钮组件.下拉框组件. 一.面板组件 Swing组件中除了JFrame和JDialog这样的顶级容器,还提供了一些面板组件,面板组件不能单独存在,只能 ...
Flutter的优质UI组件库
1. Get Widget 国外开发的,应对一些flutter中缺少的组件库文档地址:https://docs.getwidget.dev 2.Bruno Bruno 是贝壳公司开发的,基于一整套设 ...
Flutter 流式布局组件
Flutter 流式布局组件简述类似于Android中的FlexboxLayout布局. Wrap spacing: 主轴间距.runSpacing: 纵轴间距.direction: 布局方向.a ...
微信小程序自定义标签组件component封装、组件生命周期，组件通信
微信小程序自定义标签组件component封装.组件生命周期,组件通信本文来说下小程序的自定义标签组件封装. 相比于vue,react的非路由组件,微信小程序的component组件要麻烦些,而且生 ...
微信小程序 MinUI 组件库系列之 label 标签组件 1
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁.易用.高效的组件库,适用场景广,覆盖小程序原生框架.各种小程序组件主流框架等,并且提供了高效的命令行工具.MinUI 组件库包含了很多基础 ...

Flutter的Chip标签组件

Flutter的Chip标签组件相关推荐

最新文章

热门文章