Flutter 列表组件
- 列表分类:
1、垂直列表
2、垂直图文列表
3、水平列表
4、动态列表
5、矩阵式列表
名称 | 类型 | 说明 |
---|
scrollDirection | Axis | Axis.horizontal 水平列表 Axis.vertical 垂直列表 |
padding | EdgeInsetsGeometry | 内边距 |
resolve | bool | 组件反向排序 |
children | List | 列表元素 |
returnCenter(
child:ListView(
children:<Widget>[
ListTile(
leading:Icon(Icons.phone),
title:Text("thisislist",
style:TextStyle(fontSize:28.0),
),
subtitle:Text('thisislistthisislist'),
),
ListTile(
title:Text("thisislist"),
subtitle:Text('thisislistthisislist'),
trailing:Icon(Icons.phone),
) ,
ListTile( title:Text("thisislist"),
subtitle:Text('thisislistthisislist'),
),
ListTile( title:Text("thisislist"),
subtitle:Text('thisislistthisislist'),
),
ListTile( title:Text("thisislist"),
subtitle:Text('thisislistthisislist'),
)
],
),
)
returnContainer(
height:200.0,
margin:EdgeInsets.all(5),
child:ListView(
scrollDirection:Axis.horizontal,
children:<Widget>[
Container(
width:180.0,
color:Colors.lightBlue,
),
Container(
width:180.0,
color:Colors.amber,
child:ListView(
children:<Widget>[
Image.network( 'url' ),
SizedBox(height:16.0),
Text('这是一个文本信息',
textAlign:TextAlign.center,
style:TextStyle( fontSize:16.0 ),
)
],
),
),
Container(
width:180.0,
color:Colors.deepOrange,
),
Container(
width:180.0,
color:Colors.deepPurpleAccent,
),
],
)
);