Flutter学习-横向ListView

//引入库
import 'package:flutter/material.dart';

//主函数
void main() => runApp(MyApp());

//类，继承无状态组件
class MyApp extends StatelessWidget {
  //重写函数
  @override
  //返回值为Widget类型
  Widget build(BuildContext context) {
    //对应函数类型返回值
    return MaterialApp(
      //dart结构，title和home
      title: 'flutter study',
      //home，故用脚手架
      home: Scaffold(
          //顶上一个appBar
          appBar: AppBar(
            title: Text('ListView Widget'),
          ),
          //中间是身体
          body: Center(
            //横向列表
            child: Container(
                height: 200.0,
                //封装类
                child: MyList()),
          )),
    );
  }
}

class MyList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    //设置方向为水平
    return ListView(scrollDirection: Axis.horizontal, children: <Widget>[
      new Container(width: 200.0, color: Colors.red),
      new Container(width: 20