文本在 gridview flutter 的网格条尾随中不可见

Question

我正在开发一个电子商务应用程序，其中包含 gridview 中产品图像下方的添加和删除项目按钮。 在按钮之间，我有一个文本小部件来显示添加和删除的项目数。问题是文本小部件没有显示在中间。

Padding(
                    padding: const EdgeInsets.only(right: 8, top: 10),
                    child: SizedBox(
                      child: Text(
                        '${item == null ? 0 : item}',
                        style: TextStyle(
                            fontSize: 20,
                            fontWeight: FontWeight.w600,
                            color: Colors.black),
                      ),
                    ),
                  ),

图片

Answer 1

默认情况下，gridview 子代根据纵横比对所有子代具有相同的大小。

解决方案：

opsi 1：合身的盒子会缩小你的小部件子尺寸。

Gridview.count(
....
children:[
  FittedBox(
    child: // your widget her

opsi 2: 设置childAspectRatio:到你的 gridview,

GridView.count(
   //var size = MediaQuery.of(context).size;
   // double itemHeight = (size.height - kToolbarHeight - 24) / 2;
   // double itemWidth = size.width / 2;
   // this value that i usually use in mobile, idk for web size. you can try by your self
   childAspectRatio: itemHeight / itemWidth,
   children: []

这将自定义您的网格空间