flutter-ListView

最新推荐文章于 2025-03-10 20:06:05 发布

王子老师

最新推荐文章于 2025-03-10 20:06:05 发布

阅读量170

点赞数

分类专栏： flutter 文章标签： flutter android java

本文链接：https://blog.csdn.net/qq_37304462/article/details/121942907

版权

flutter 专栏收录该内容

3 篇文章

订阅专栏

比你优秀的人比你还努力，感谢提醒和砥砺！

flutter列表组件

在这里插入图片描述

body: new ListView(
   children: [
     new ListTile(
       leading: new Icon(Icons.perm_contact_cal_rounded),
       title:new Text('heihei')
     ),new ListTile(
       leading: new Icon(Icons.perm_camera_mic),
       title:new Text('haha')
     ),new ListTile(
       leading: new Icon(Icons.perm_identity),
       title:new Text('xixi')
     ),
     new Image.network('https://img-blog.csdnimg.cn/dc76c5925c1e4bf9b37ed98575aee89d.png'),
     new Image.network('https://img-blog.csdnimg.cn/be49464b249d467d90bb80ac58e2c065.png'),
     new Image.network('https://img-blog.csdnimg.cn/dc76c5925c1e4bf9b37ed98575aee89d.png'),
     new Image.network('https://img-blog.csdnimg.cn/be49464b249d467d90bb80ac58e2c065.png'),
   ],
 ),

横向列表的使用

在这里插入图片描述

class MyList extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return ListView(
      scrollDirection: Axis.horizontal,
      children: [
        new Container(
          width: 300.0,
          height: 300.0,
          color:Colors.lightBlue,
        ),
        new Container(
          width: 100.0,
          height: 300.0,
          color:Colors.red,
        ),
        new Container(
          width: 100.0,
          height: 300.0,
          color:Colors.purpleAccent,
        ),
        new Container(
          height: 300.0,
          width: 100.0,
          color:Colors.lightBlue,
        ),
      ],
    );
  }
}