class MyGridVuew extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
// color: Colors.lightBlue,
child: GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 4, //列數(shù)
mainAxisSpacing: 2.0, //行間距
crossAxisSpacing: 2.0, //列間距
childAspectRatio: 0.8, //寬高比 寬相對(duì)于高的倍數(shù)
),
children: <Widget>[
new Image.network(
'http://img31.mtime.cn/mt/2014/03/07/123549.37376649_96X128.jpg',
fit: BoxFit.cover,
),
new Image.network(
'http://img31.mtime.cn/mt/2014/01/06/105446.89493583_96X128.jpg',
fit: BoxFit.cover),
new Image.network(
'http://img31.mtime.cn/mt/2014/06/17/145457.44209161_96X128.jpg',
fit: BoxFit.cover),
new Image.network(
'http://img31.mtime.cn/mt/2013/11/29/102947.25583478_96X128.jpg',
fit: BoxFit.cover),
new Image.network(
'http://img31.mtime.cn/mt/2016/07/28/145303.88789702_96X128.jpg',
fit: BoxFit.cover),
new Image.network(
'http://img31.mtime.cn/mt/2013/11/20/172527.42989246_96X128.jpg',
fit: BoxFit.cover),
new Image.network(
'http://img31.mtime.cn/mt/2014/09/12/102734.13658001_96X128.jpg',
fit: BoxFit.cover),
],
),
);
}
}
效果如下：
效果圖
