我们在上一章回中介绍了扩展列表相关的内容,本章回中将介绍扩展内容.闲话休提,让我们一起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