Flutter：GridView组件及动态GridView

最新推荐文章于 2024-05-14 22:00:58 发布

风曦Kisaki

最新推荐文章于 2024-05-14 22:00:58 发布

阅读量1.1k

点赞数

文章标签： flutter android

本文链接：https://blog.csdn.net/weixin_46136019/article/details/129486982

版权

GridView（网格列表）的常用属性：
请添加图片描述

我们常用的创建网格列表的方式有两种：

1.通过 GridView.count 实现网格布局
2.通过 GridView.builder 实现网格布局

1.GridViewcoun

GridViewcount的简单使用示例：

    return GridView.count(
      crossAxisCount: 3,//列数
      children: [
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
        Text('这是一个文本'),
      ],
    );

接下来将通过遍历一个container列表的方式实现表格列表：

class HomeContent extends StatelessWidget {
   
  List<Widget> _getListdate() {
   
    List<Widget> list = [];
    for (var i = 0; i < 20; i++) {
   
      list.add(Container(
        alignment: Alignment.center,
        color: Colors.blue,
        child: Text('这是第$i条数据'),
      ));
    }
    return list.toList();
  }

  @override
  Widget build(BuildContext context) {
   
    return