底部溢出 Image.network 中的像素颤动

Question

我正在用 flutter 做一些项目，图像网络有问题，当我添加图像时出现 "Bottom overflowed by pixels flutter" 错误。你能帮我解决他的问题吗？我是新手。

我的代码：

class Items extends StatelessWidget {
  List list;

  Items({this.list});

  @override
  Widget build(BuildContext context) {
    return GridView.builder(
        padding: EdgeInsets.all(10.0),
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          childAspectRatio: (1 / 1),
          crossAxisCount: 2,
        ),
        itemCount: list == null ? 0 : list.length,
        itemBuilder: (context, i) {
          return Container(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                new Text(list[i]['name']),
                Image.network(
                    "http://mobileapi.vps50663.mylogin.co/public/uploads/products/thumbnail/" +list[i]['thumbnail'],
                    fit: BoxFit.fill,
                    height: 100.0,
                    //width: 80.0,
                    alignment: Alignment.center,
                    filterQuality: FilterQuality.low,

                ),
                new Text(list[i]['slug']),
              ],
            ),
          );
        });
  }
}

Answer 1

这意味着您的图像的父 Container 小部件的大小比图像大小小 14.0 像素。尝试为您的 Container 设置 120.0 的高度（以允许一些额外的 space）。这应该可以解决它

底部溢出 Image.network 中的像素颤动

Bottom overflowed by pixels flutter in Image.network

gridview

flutter