Flutter GridView的使用_flutter slivergrid 选中-CSDN博客

本文链接：https://blog.csdn.net/qq_26841579/article/details/89279745

一，效果图在这里插入图片描述
二，看代码

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