老师我发现, 再 GridVIew 中 Container 设置高度时无效的

来源：10-4 基于GridView实现网格布局【跟着做】

慕村3262493

2019-09-01

Widget _item(String city) {
    return Container(
        // height: 100,
        margin: EdgeInsets.all(5),
        decoration: BoxDecoration(color: Colors.teal),
        child: Center(
          child: Text(
            city,
            style: TextStyle(color: Colors.white, fontSize: 20),
          ),
        ));
  }

高度设置不设置,都是只显示正方形.

写回答

1回答

CrazyCodeBoy

2019-09-02

GridVIew中item的高度是通过GridVIew的一个长宽比的childAspectRatio API决定的：
return GridView.count(
//      padding: EdgeInsets.all(5.0),
      //一行多少个
      crossAxisCount: 5,
      //滚动方向
      scrollDirection: Axis.vertical,
      // 左右间隔
      crossAxisSpacing: 10.0,
      // 上下间隔
      mainAxisSpacing: 10.0,
      //宽高比
      childAspectRatio: 2 / 5,

children: initListWidget(list),
);

Flutter从入门到进阶实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势，，系统掌握Flutter开发核心技术。

4788 学习 · 3274 问题

查看课程

相似问题

请问老师，如何让gridView的宽高不随屏幕的变化而变化

回答 1

一个200*200的红色框里面显示一个100*100的黄色框，该怎么实现

回答 1

设置高度垂直居中

回答 1

控制 GridView 显示多少列，可以根据设备屏幕物理逻辑分辨率比来动态设置

回答 1

关于flutter module 的引用问题

回答 2

打开慕课网App查看更多内容