Flutter学习第2章 ListView Widget 列表组件的使用（1）

1、基本结构

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget{
  @override
    Widget build(BuildContext context){
      return MaterialApp(
        title: '组件学习',
        home: Scaffold(
          appBar: new AppBar(
            title: new Text(
              '组件学习'
            ),
          ),
          body: new ListView(
            children: <Widget>[
                new Image.network(
                  'http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20181012/61f5102651af4544a62746f282ac9e7d.jpeg',
                  height: 200.0,
                  fit: BoxFit.fill,
                  ),
                new Image.network(
                  'http://n.sinaimg.cn/sinacn11/381/w750h431/20180830/7c2a-hikcahf9333271.jpg' ,
                  height: 200.0,
                  fit: BoxFit.fill,
                ),
                new Image.network(
                  'http://pic.eastlady.cn/uploads/tp/201705/9999/c2b382ffc7.jpg' ,
                  height: 200.0,
                  fit: BoxFit.fill,
                  ),
                new Image.network(
                  'http://n.sinaimg.cn/front/w640h426/20171205/RQAw-fypikwu0267347.jpg',
                  height: 200.0,
                  fit: BoxFit.fill,
                )



             /* new ListTile(
                leading: new Icon(Icons.access_alarms),
                title: new Text('access_alarms'),
              ),
              new ListTile(
                leading: new Icon(Icons.accessibility_new),
                title: new Text('accessibility_new'),
              ),
              new ListTile(
                leading: new Icon(Icons.accessibility),
                title: new Text('accessibility'),
              )*/
            ],
          )
        ),
      );
    }
}

2、属性解释

        //相当于html里面的li
        new ListTile(
                leading: new Icon(Icons.access_alarms),
                title: new Text('access_alarms'),
              ),
              new ListTile(
                leading: new Icon(Icons.accessibility_new),
                title: new Text('accessibility_new'),
              ),
              new ListTile(
                leading: new Icon(Icons.accessibility),
                title: new Text('accessibility'),
              )

            new Image.network(
                  'http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20181012/61f5102651af4544a62746f282ac9e7d.jpeg',
                  height: 200.0,
                  fit: BoxFit.fill,
                  ),
                new Image.network(
                  'http://n.sinaimg.cn/sinacn11/381/w750h431/20180830/7c2a-hikcahf9333271.jpg' ,
                  height: 200.0,
                  fit: BoxFit.fill,
                ),
                new Image.network(
                  'http://pic.eastlady.cn/uploads/tp/201705/9999/c2b382ffc7.jpg' ,
                  height: 200.0,
                  fit: BoxFit.fill,
                  ),
                new Image.network(
                  'http://n.sinaimg.cn/front/w640h426/20171205/RQAw-fypikwu0267347.jpg',
                  height: 200.0,
                  fit: BoxFit.fill,
                )