style- ListTile 的 tile 的样式,有两个枚举值 list 和 drawer selectedColor- 选中的颜色,包含 leading, trailing, title, subtile 等 iconColor- icon 的颜色,作用于 leading 和 trailing textColor- 文本的颜色,作用于 title, subtitle, leading 和
ListTile(// 主标题// 在前面设置图标leading: Icon(//设置图标类型Icons.settings,//0x后面开始 两位FF表示透明度16进制,color:Color(0xFFFFB6C1),//这是图标的大小size:30.0),// 在后面设置图标// trailing: Icon(Icons.accessible),title: Text('flutter教程_2021 Dart Flutter入门实战视频教程132讲',//文...
ListTile( title: Text(item["title"],style: TextStyle(fontSize: 18.0) ), subtitle: Text(item["subtitle"]), leading: Icon( Icons.fastfood, color:Colors.orange ), trailing: Icon(Icons.keyboard_arrow_right), onTap:(){ //点击的时候,进行路由跳转传参 Navigator.pushNamed(context, "DetailPage"...
当需要给一个列表list的时候,你可以用ListTile来实现,它可以将元素一行一行的展示出来,并且你可以给每个元素绑定事件,一个ListTile就是一行 预览 组件参数说明 const ListTile({ Key key, this.leading, //左侧的组件 this.title, //中间的主标题 this.subtitle, //中间的副标题 this.trailing, //右侧组件,通常...
trailing: 设置拖尾将在列表的末尾放置一个图像。这对于指示主-细节布局特别有用。 contentPadding: 设置内容边距,默认是 16,但我们在这里设置为 0 selected: 如果选中列表的 item 项,那么文本和图标的颜色将成为主题的主颜色。 Gesture recognition: ListTile 可以检测用户的点击和长按事件,onTap 为单击,onLongPress...
newListTile( leading:newIcon(Icons.access_alarm ),//flutter中的小图标,leading是在前面加小图标,在后面加的是trailing,见下代码title: Text('access_alarm'),//图标名),//插入图片newListTile( leading: CircleAvatar(//圆形头像填充backgroundImage: NetworkImage('https://ss1.bdstatic.com/70cFuXSh_Q1Ynx...
mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('Flutter ListTile'), Text( 'Flutter每周一组件(by DX前端)', style: TextStyle( fontSize: 12.0, ), ) ], ), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, ...
trailing: Icon(Icons.arrow_forward_ios), ), ListTile( leading: Icon(Icons.map, size: 36,), title: Text("地址"), subtitle: Text("地址详情信息"), trailing: Icon(Icons.arrow_forward_ios), ) ], ); } } 效果图如下: undefined
(width: 1.0, color: Colors.grey), /// ListTile( /// //预览小图标 /// leading: new Icon(Icons.account_circle), /// //标题 /// title: new Text(data), /// //子标题 /// subtitle: new Text('简介'), /// // 右边的图标 /// trailing: new Icon(Icons.chevron_right), ///...
source=1940ef5c"),title:Text("主标题"),// subtitle: Text("副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题", maxLines: 2, overflow: TextOverflow.ellipsis,),),Divider(),ListTile(trailing:Image.network("https://pic4.zhimg.com/v2-e49748c39ca64ab1c32...