Flutter GridView设置宽高

菜菜，要饭饭

已于 2022-12-02 09:51:18 修改

阅读量1.8k

点赞数

文章标签： flutter

于 2022-12-02 09:46:43 首次发布

本文链接：https://blog.csdn.net/weixin_44160132/article/details/128142784

版权

GridView.count(
      padding: EdgeInsets.all(5.0),

      //一行多少个
      crossAxisCount: 5,

      //滚动方向
      scrollDirection: Axis.vertical,

      // 左右间隔
      crossAxisSpacing: 10.0,

      // 上下间隔
      mainAxisSpacing: 10.0,

      //宽高比
      childAspectRatio: 2 / 5,

      children: 
    );

Flexible(
                child: GridView.count(
                  scrollDirection: Axis.vertical,
                  padding: const EdgeInsets.only(left: 15,right: 15),
                  crossAxisCount: 4,
                  crossAxisSpacing: 6,
                  childAspectRatio: 3.5/2,
                  children: [
                    OutlinedButton(onPressed: (){setState(() {_quanbuState =!_quanbuState;});},
                        child: Text("全部",style: _quanbuState ? const TextStyle(color: Colors.blue,) : const TextStyle(color: Colors.grey),)),
                    OutlinedButton(onPressed: (){setState(() {_zaixian =!_zaixian;});},
                        child: Text("在线",style: _zaixian ? const TextStyle(color: Colors.blue,) : const TextStyle(color: Colors.grey),)),
                    OutlinedButton(onPressed: (){setState(() {_lixian =!_lixian;});},
                        child: Text("离线",style: _lixian ? const TextStyle(color: Colors.blue,) : const TextStyle(color: Colors.grey),)),
                    OutlinedButton(onPressed: (){setState(() {_guzhang =!_guzhang;});},
                        child: Text("故障",style: _guzhang ? const TextStyle(color: Colors.blue,) : const TextStyle(color: Colors.grey),),)
                  ],),
              ),