import 'package:flutter/material.dart';
class MinePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('我的')),
body: GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3, //每行个数
mainAxisSpacing: 2.0, //每行间距
crossAxisSpacing: 2.0, //每列间距
childAspectRatio: 0.75 //长宽比
),
children: <Widget>[
new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2557573348.webp',fit: BoxFit.cover),
new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1446261379.webp',fit: BoxFit.cover),
new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p1613191025.webp',fit: BoxFit.cover),
new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2540924496.webp',fit: BoxFit.cover),
new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2174346180.webp',fit: BoxFit.cover),
new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p454118602.webp',fit: BoxFit.cover),
new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1998028598.webp',fit: BoxFit.cover),
new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p456676352.webp',fit: BoxFit.cover),
new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p1917567652.webp',fit: BoxFit.cover),
new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2398213627.webp',fit: BoxFit.cover),
new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1637195728.webp',fit: BoxFit.cover),
new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p1335271624.webp',fit: BoxFit.cover),
],
)
);
}
}本节课源码,图片是宫崎骏的电影,喜欢的朋友拿走不谢。

GridView( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 3, //每行个数 mainAxisSpacing: 2.0, //每行间距 crossAxisSpacing: 2.0, //每列间距 childAspectRatio: 0.7 //长宽比 ),
图片链接给大家贴一下,给后面学的方便:
http://img5.mtime.cn/mt/2018/10/22/104316.77318635_180X260X4.jpg
http://img5.mtime.cn/mt/2018/10/10/112514.30587089_180X260X4.jpg
http://img5.mtime.cn/mt/2018/11/13/093605.61422332_180X260X4.jpg
http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg
http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg
http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg
图片地址拿走不谢。。。>_<
children: <Widget>[
new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/03/29/095612.14234221_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/01/170857.92282290_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/16/103242.17522323_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/04/092846.29725044_1280X720X2.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/01/31/100731.93352385_1280X720X2.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/15/095157.26388695_1280X720X2.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
],
new Image.network('http://img5.mtime.cn/mt/2018/11/19/165350.52237320_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/16/115256.24365160_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/20/141608.71613590_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/10/22/104316.77318635_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/10/10/112514.30587089_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/13/093605.61422332_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/19/165350.52237320_135X190X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/16/115256.24365160_180X260X4.jpg', fit: BoxFit.cover,),
new Image.network('http://img5.mtime.cn/mt/2018/11/20/141608.71613590_135X190X4.jpg', fit: BoxFit.cover,),
GrideView另一种写法