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

Question

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),
          ),
        ));
  }

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

Answer 1

CrazyCodeBoy 2019-09-02 09:05:12

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),
    );