index) {return ListTile(leading: const Icon(Icons.folder), // 根据文件类型设置图标title: Text('文件或文件夹 $index'), // 根据文件名称设置subtitle: const Text('文件大小: 1 KB'), // 根据文件大小设置trailing: const Text('修改日期: 2023-01-01'), // 根据修改日期...
constListTile({ Key key,this.leading,//左侧的组件this.title,//中间的主标题this.subtitle,//中间的副标题this.trailing,//右侧组件,通常是一个值或者一个图标this.isThreeLine =false,//是否显示三行this.dense,//是否以垂直密集的方式显示,这样文字会更小this.visualDensity,this.shape,//定义外观形状this....
trailing: 设置拖尾将在列表的末尾放置一个图像。这对于指示主-细节布局特别有用。 contentPadding: 设置内容边距,默认是 16,但我们在这里设置为 0 selected: 如果选中列表的 item 项,那么文本和图标的颜色将成为主题的主颜色。 Gesture recognition: ListTile 可以检测用户的点击和长按事件,onTap 为单击,onLongPress...
然后,创建一个ListView实例,并传入一个List作为数据源。 使用ListTile创建列表项在ListView中,每个数据项都使用ListTile组件包装。你可以在ListTile中添加文本、图片等组件,并使用leading、title、trailing等属性来自定义每个列表项的布局。 添加滚动条为了使列表可滚动,你需要在ListView的末尾添加一个ScrollPhysics对象。你可以...
title: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('Flutter ListTile'), Text( 'Flutter每周一组件(by DX前端)', style: TextStyle( fontSize: 12.0, ), ) ], ), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, ...
Widget _buildRow(WordPair pair) { // 检查确保单词对还没有添加到收藏夹中 final alreadySaved = _saved.contains(pair); return new ListTile( title: new Text( pair.asPascalCase, style: _biggerFont, ), trailing: new Icon( alreadySaved ? Icons.favorite : Icons.favorite_border, ...
ListTile(//预览小图标leading:newIcon(Icons.account_circle),//标题title:newText(results==null?data:results),//子标题subtitle:newText('简介: '+(results==null?data:results)),// 右边的图标trailing:newIcon(Icons.chevron_right),onTap:(){print('点击事件:点击了 ListTile === title为:$data');...
trailing:用于指定ListTile的右侧图标或图像。 onTap:用于指定ListTile的点击事件处理程序。 selected:用于指定ListTile是否被选中。 enabled:用于指定ListTile是否可用。 dense:用于指定ListTile是否应该显示紧凑。 contentPadding:用于指定ListTile的内边距。 selectedTileColor:用于指定ListTile被选中时的背景颜色。
ListTile是一个特殊的ListItem, 有三个属性, 分别是左边的Icon (leading), 文字 (title), 以及右边的Icon (trailing). 还有诸如ListView,GridView,Card等等比较熟悉的Widgets. 另外有一个类似于我们Activity的Widgets: 叫做MaterialApp, 可以指定theme,title, 以及子Viewhome, 还有更重要的页面跳转routes. ...
ListTile是一个固定高度的Row,并且可以包含一个leading icon或者trailing icon。还可以包含title,subtitle还有一些点击的交互,非常的方便。 具体ListTile的使用,大家可以去参考具体的API,这里就不过多讲述。 这里我们只是借用ListTile来构造我们需要的效果。 不同的ListTile组件,可以用Divider来进行分割,让界面更加美观。