flutter控件之---------listTile

一个固定高度的行，通常包含一些文本，以及一个行前或行尾图标。

构造方法

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('点击');
                },

其他方法类型不做介绍

flutter控件之---------listTile

推荐阅读更多精彩内容