1. 程式人生 > >Flutter GridView設定寬高

Flutter GridView設定寬高

GridView設定寬高

場景

我們在使用GridView的時候 child在列表中所佔大小寬高是一致的,但是往往我們需求不是的。

關鍵屬性

///每個孩子的橫軸與主軸範圍的比率。 child的寬高比  常用來處理child的適配
childAspectRatio 

使用

我們只需要設定對應的寬高比就可了

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