flutter中的列表

列表使用ListView

1.0 水平列表

　　scrollDirection： Axis.horizontal 水平列表， Axis.vertical 垂直列表

 

代码：

class HomeCenter extends StatefulWidget {
  @override
  _MoviesList createState() => _MoviesList();
  
}

class _MoviesList extends State<HomeCenter> {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        ListTile(
          leading: Image.network('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581067001469&di=da90f49d9855f5910b3be2f397158ce4&imgtype=0&src=http%3A%2F%2Fmobimg.b-cdn.net%2Fpic%2Fv2%2Fgallery%2Fpreview%2Felovek-pauk_spider_man-kino-lyudi-45537.jpg'),
          title: Text('蜘蛛侠之英雄远征'),
          subtitle: Text('爱奇艺-好莱坞电影快速看《水性杨花》(杰西卡贝尔 本巴恩'),
        ),
        ListTile(
          leading: Image.network('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581067001469&di=4930458cda2afd0a31ec2b95d13d6710&imgtype=0&src=http%3A%2F%2Fwww.bizhidaquan.com%2Fd%2Ffile%2Fdongman%2Frenwu%2F2015-01-16%2Fa0622b755e894dbe592fecb7b9d768eb.jpg'),
          title: Text('蜘蛛侠之英雄远征'),
          subtitle: Text('爱奇艺-好莱坞电影快速看《水性杨花》(杰西卡贝尔 本巴恩'),
        ),
        ListTile(
          leading: Image.network('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581067001469&di=da90f49d9855f5910b3be2f397158ce4&imgtype=0&src=http%3A%2F%2Fmobimg.b-cdn.net%2Fpic%2Fv2%2Fgallery%2Fpreview%2Felovek-pauk_spider_man-kino-lyudi-45537.jpg'),
          title: Text('蜘蛛侠之英雄远征'),
          subtitle: Text('爱奇艺-好莱坞电影快速看《水性杨花》(杰西卡贝尔 本巴恩'),
        ),
        ListTile(
          leading: Image.network('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581067001469&di=da90f49d9855f5910b3be2f397158ce4&imgtype=0&src=http%3A%2F%2Fmobimg.b-cdn.net%2Fpic%2Fv2%2Fgallery%2Fpreview%2Felovek-pauk_spider_man-kino-lyudi-45537.jpg'),
          title: Text('蜘蛛侠之英雄远征'),
          subtitle: Text('爱奇艺-好莱坞电影快速看《水性杨花》(杰西卡贝尔 本巴恩'),
        )
      ],
    );
  }
}

结果： 

　　

 

 动态列表：