ExpansionTile组件的用法


我们在上一章回中介绍了扩展列表相关的内容,本章回中将介绍扩展内容.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1 概念介绍

本章回中介绍的扩展内容类似上一章回中介绍的扩展列表,不过它不能包含多个子项目,而是把多条内容包含进来实现隐藏和展开功能。可以把他看作是扩展列表中的某个
项目,只不过该项目没有专门的倒三角用来实现隐藏和展开内容的功能,而是通过点击标题(标题的颜色会自动改变)来隐藏和展开内容。Flutter提供了
ExpansionTile组件来表示扩展内容,本章回中将详细介绍它的使用方法。

2 使用方法

和其它的Widget类似,ExpansionTile组件提供了相关的属性来控制自己,下面是常用的属性:

  • title属性: 用来控制标题中的内容;
  • subtitle属性: 用来控制子标题中的内容,子标题位于标题下方;
  • leading属性:用来控制标题前面显示的内容,通常是一个图标(Icon);
  • trailing属性: 用来控制标题行尾部显示的内容;
  • initiallyExpanded属性: 表示是否扩展显示children中的内容,默认值为false;
  • onExpansionChanged属性:它是方法类型,点击标题时会回调此方法;
  • children属性:用来存放被隐藏的内容,通常是一些小组件;
    该组件的属性和ListTile组件的属性类似,大家可以参照ListTile组件的使用方法来使用该组件。

3 示例代码

ExpansionTile(
  title: const Text('signal
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

talk_8

真诚赞赏,手有余香

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

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

打赏作者

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

抵扣说明:

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

余额充值