flutter控件之---------listTile
2018-10-23 本文已影响549人
聆听璇律
一个固定高度的行,通常包含一些文本,以及一个行前或行尾图标。
构造方法
const ListTile({
Key key,
this.leading,
this.title,
this.subtitle,
this.trailing,
this.isThreeLine = false,
this.dense,
this.contentPadding,
this.enabled = true,
this.onTap,
this.onLongPress,
this.selected = false,
})
1.leading
最左侧的头部,参数是一个widget,(这里以icon为例)
new ListTile(
leading: new Icon(Icons.cake),
)
leading.png
2.title
控件的title(参数是widget,这里text为例)
new ListTile(
leading: new Icon(Icons.cake),
title: new Text('标题'),
)
title.png
3.subtitle
富文本标题(参数是widget)
new ListTile(
leading: new Icon(Icons.cake),
title: new Text('标题'),
subtitle: new Row(
children: <Widget>[
new Text('副标题'),
new Icon(Icons.person)
],
),
)
subtitle.png
4.trailing
展示在title后面最末尾的后缀组件(参数是widget)
new ListTile(
leading: new Icon(Icons.cake),
title: new Text('标题'),
subtitle: new Row(
children: <Widget>[
new Text('副标题'),
new Icon(Icons.person)
],
),
trailing: new Icon(Icons.save),
)
trailing.png
5.onTap
点击事件
onTap: () {
print('点击');
},
其他方法类型 不做介绍