6. Flutter——ListView组件

Flutter 列表组件

• 列表分类:
  1、垂直列表
  2、垂直图文列表
  3、水平列表
  4、动态列表
  5、矩阵式列表

---

• 常用属性:

名称	类型	说明
scrollDirection	Axis	Axis.horizontal 水平列表 Axis.vertical 垂直列表
padding	EdgeInsetsGeometry	内边距
resolve	bool	组件反向排序
children	List	列表元素

---

• Flutter基本列表:

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'), 
			)
		],
	),
)

---

• Flutter水平列表:

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, 
		), 
	  ], 
	) 
);