Flutter Chip详解

42 篇文章 32 订阅
本文详细介绍了Flutter中的Chip组件,包括ActionChip和ChoiceChip的特性。ActionChip具备onPressed事件和pressElevation属性,而ChoiceChip则有selected状态回调。Chip常用于表示事物属性或标签,例如历史搜索记录。欲了解更多信息,可查阅官方文档。
摘要由CSDN通过智能技术生成

效果:
在这里插入图片描述在这里插入图片描述

Chip

标签

使用场景:事物的属性或标签,历史搜索记录等。

  const Chip({
    Key key,
    this.avatar,//标签左侧的Widget
    @required this.label,
    this.labelStyle,
    this.labelPadding,
    this.deleteIcon,//删除图标,要与删除回调一起使用
    this.onDeleted,//删除回调
    this.deleteIconColor,
    this.deleteButtonTooltipMessage,
    this.shape,//形状
    this.clipBehavior = Clip.none,
    this.backgroundColor,
    this.padding,
    this.materialTapTargetSize,
    this.elevation,//阴影
  })
Flutter中的`DropDownButton`是一个小部件,用于从一个下拉列表中选择一个选项。它通常用于节省屏幕空间,同时为用户提供一个选择列表。`DropDownButton`通过弹出一个菜单来显示可选择的项,用户可以选择列表中的一个选项。当选定一个选项后,`DropDownButton`会显示所选项。 基本使用方法如下: 1. `items`:一个`DropdownMenuItem`列表,定义了下拉菜单中的所有选项。 2. `value`:当前选中项的值。 3. `hint`:可选,当没有选项被选中时显示的提示文本。 4. ` onChanged`:一个回调函数,当选项发生变化时被调用,并返回新的选项值。 示例代码: ```dart DropdownButton<String>( items: <String>['One', 'Two', 'Free', 'Four'] .map<DropdownMenuItem<String>>((String value) { return DropdownMenuItem<String>( value: value, child: Text(value), ); }).toList(), value: currentValue, // 当前选中的项 hint: Text('Select something'), // 提示文本 onChanged: (String newValue) { setState(() { currentValue = newValue; }); }, ); ``` `DropDownButton`提供了一些属性来定制其外观和行为,例如: - `isExpanded`:如果设置为`true`,则下拉按钮将占用尽可能多的水平空间。 - `elevation`:下拉菜单的阴影高度。 - `iconSize`:下拉按钮箭头的大小。 - `iconDisabledColor`:当按钮被禁用时,下拉箭头的颜色。 - `iconEnabledColor`:下拉箭头的默认颜色。 - `disabledHint`:当`DropDownButton`被禁用时显示的提示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yechaoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值