Flutter ListView列表

ListTitle

class HomeContext extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return ListView(
      padding: EdgeInsets.all(10),
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.print,color: Colors.blue,size: 30,),//标题前面添加图标
          trailing: Icon(Icons.print,color: Colors.blue,size: 30,),//标题后面添加图标
          title: Text('作用域和闭包'),
          subtitle: Text('本文来源于《你不知道的JavaScript》上卷，第一部分：作用域和闭包。有兴趣，有时间的同学，强烈建议直接去'),
        ),
        ListTile(
          leading: Image.network('http://imgsrc.baidu.com/forum/w=580/sign=ae2a4e35ba19ebc4c0787691b226cf79/5e13af1c8701a18b50cd631f972f07082938fe80.jpg'),//远程图片
          title: Text('作用域和闭包'),
          subtitle: Text('本文来源于《你不知道的JavaScript》上卷，第一部分：作用域和闭包。有兴趣，有时间的同学，强烈建议直接去'),
        ),
        ListTile(
          leading: Icon(Icons.map),
          title: Text('作用域和闭包'),
          subtitle: Text('本文来源于《你不知道的JavaScript》上卷，第一部分：作用域和闭包。有兴趣，有时间的同学，强烈建议直接去'),
        )
      ],
    );
  }
}

其他组件，默认是垂直列表

class HomeContext extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return ListView(
      padding: EdgeInsets.all(10),
      children: <Widget>[
        Container(
          child: Text('我的路',
          style: TextStyle(
            fontSize: 20,
            fontWeight: FontWeight.w500,
            fontStyle: FontStyle.italic
          ),),
          alignment: Alignment.center,
        ),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/e8d0b0ab35b14b33a499d74cbc52b43c.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/ba1b73bec9784b9eae4416226abcddc7.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/fb469ca492a146fd8476fb144cd11f2c.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/d29a69f9c7fc41d1aae4516df8ebfac3.jpeg'),

      ],
    );
  }
}

水平列表

class HomeContext extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      height: 200,
      child: ListView(
        scrollDirection:Axis.horizontal,//关键代码
        padding: EdgeInsets.all(10),
        children: <Widget>[
        Container(
          child: Text('我的路',
          style: TextStyle(
            fontSize: 20,
            fontWeight: FontWeight.w500,
            fontStyle: FontStyle.italic
          ),),
          alignment: Alignment.center,
        ),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/e8d0b0ab35b14b33a499d74cbc52b43c.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/ba1b73bec9784b9eae4416226abcddc7.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/fb469ca492a146fd8476fb144cd11f2c.jpeg'),
        Image.network('http://5b0988e595225.cdn.sohucs.com/images/20171108/d29a69f9c7fc41d1aae4516df8ebfac3.jpeg'),

      ],
    ));
  }
}