一,效果图
二,看代码
import 'package:flutter/material.dart'; //样式
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
title: '电影海报',
home: Scaffold(appBar: AppBar(title: Text('电影海报')), body: MyGridView()),
);
}
}
class MyGridView extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,//行数
mainAxisSpacing: 3.0,//内边距
crossAxisSpacing: 2.0,//间距
childAspectRatio: 0.7),//设置高度
children: <Widget>[
new Image.network(
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1464869334,620617080&fm=26&gp=0.jpg',
),
new Image.network(
'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1619250361,2440545398&fm=26&gp=0.jpg'),
new Image.network(
'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=808722906,3704058546&fm=26&gp=0.jpg'),
new Image.network(
'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3762973784,345116142&fm=26&gp=0.jpg'),
new Image.network(
'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3651815983,2788120398&fm=26&gp=0.jpg'),
new Image.network(
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1375636270,3210629340&fm=26&gp=0.jpg'),
new Image.network(
'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3339348284,2126551996&fm=26&gp=0.jpg'),
new Image.network(
'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3258865691,3232261264&fm=26&gp=0.jpg'),
new Image.network(
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1464869334,620617080&fm=26&gp=0.jpg'),
new Image.network(
'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3258865691,3232261264&fm=26&gp=0.jpg'),
new Image.network(
'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2878378591,3296449218&fm=26&gp=0.jpg'),
new Image.network(
'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2314304992,841702126&fm=26&gp=0.jpg')
],
);
}
}