flutter 电影海报实例——筑梦之路

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '电影海报',
      home: new Scaffold(
          appBar: AppBar(
            title: Text('电影海报'),
            centerTitle: true,
          ),
          body: GridView(
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 3,
              childAspectRatio: 0.7, //长宽比
              mainAxisSpacing: 2.0, //主轴
              crossAxisSpacing: 2.0, //副轴
            ),
            children: [
              new Image.network(
                'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3763255453,2334308886&fm=26&gp=0.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183605946&di=fa3a40d8fd30c1bee031df19503de082&imgtype=0&src=http%3A%2F%2Fa.hiphotos.baidu.com%2Fbaike%2Fpic%2Fitem%2Fb812c8fcc3cec3fddc183909d688d43f879427a3.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3079610561,4008778005&fm=26&gp=0.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183605954&di=f44f18d45a01c7b9a817e30fa074d0ae&imgtype=0&src=http%3A%2F%2Ffile01.16sucai.com%2Fd%2Ffile%2F2013%2F0403%2F20130403111958197.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183605957&di=2b4ddc1f4d1026e1c613195e412b99e6&imgtype=0&src=http%3A%2F%2Fimage11.m1905.cn%2Fuploadfile%2F2012%2F0316%2F20120316030502980.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183605918&di=b739a36262b601381a2e5e8af82f3f72&imgtype=0&src=http%3A%2F%2Fonline.sccnn.com%2Fimg2%2F802%2Fxhgm_08.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183605919&di=7ac18eab15b1960dbd48d85646affab5&imgtype=0&src=http%3A%2F%2Ffile01.16sucai.com%2Fd%2Ffile%2F2013%2F0423%2F20130423082312154.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3115213706,1401162212&fm=26&gp=0.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601183806389&di=67d361ee2d2fb7cefcc7f4da08002e0e&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fw%253d580%2Fsign%3D0460aca0b219ebc4c0787691b227cf79%2Fe92db5315c6034a8238e2b44ca1349540823768b.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601184106289&di=24e150d6d7a8f2df1c5635c2f48a61d4&imgtype=0&src=http%3A%2F%2Fwww.sfs-cn.com%2Fnode3%2Fnode625%2Fnode3050%2Fnode21495%2Fimages%2F00181481.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601184106283&di=2176c95568af6e76431915865584b080&imgtype=0&src=http%3A%2F%2Fimg0.pconline.com.cn%2Fpconline%2F1208%2F10%2F2897360_05_thumb.jpg',
                fit: BoxFit.cover,
              ),
              new Image.network(
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601185132160&di=ec32175dbbd3815a44d7721695dfa1b4&imgtype=0&src=http%3A%2F%2Fwww.cndonghua.com%2Fpic%2Fintroimg%2Fxiao-hai-gui-da-li-xian-27473.jpg',
                fit: BoxFit.cover,
              )
            ],
          )),
    );
  }
}