flutter(二十六)flutter GridView 九宫格

1,553 阅读1分钟
原文链接: blog.csdn.net

更多文章请查看 lutter从入门 到精通

GridView 九宫格

在这里插入图片描述

Default GridView

      Widget gridViewDefaultCount(List<BaseBean> list) {
        return GridView.count(
    //      padding: EdgeInsets.all(5.0),
          //一行多少个
          crossAxisCount: 2,
          //滚动方向
          scrollDirection: Axis.vertical,
          // 左右间隔
          crossAxisSpacing: 10.0,
          // 上下间隔
          mainAxisSpacing: 10.0,
          //宽高比
          childAspectRatio: 2 / 2,
          //设置itemView 
          children: initListWidget(list),
        );
      }
    
      List<Widget> initListWidget(List<BaseBean> list) {
        List<Widget> lists = [];
        for (var item in list) {
          lists.add(new Container(
            height: 50.0,
            width: 50.0,
            color: Colors.yellow,
            child: new Center(
                child: new Text(
              item.age.toString(),
            )),
          ));
        }
        return lists;
      }
    }