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

Gridview Image.network中像素溢出的底部抖动,gridview,flutter,Gridview,Flutter,我正在做一些项目与颤振,我有一些问题与图像网络,当我添加一个图像,我有“底部溢出像素颤振”的错误。你能帮我解决他的问题吗。我是个新手 我的代码: class Items extends StatelessWidget { List list; Items({this.list}); @override Widget build(BuildContext context) { return GridView.builder( padding: EdgeI

我正在做一些项目与颤振,我有一些问题与图像网络,当我添加一个图像,我有“底部溢出像素颤振”的错误。你能帮我解决他的问题吗。我是个新手

我的代码:

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

类项扩展了无状态小部件{
名单;
项目({this.list});
@凌驾
小部件构建(构建上下文){
返回GridView.builder(
填充:所有边缘设置(10.0),
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
儿童方面:(1/1),
交叉轴计数:2,
),
itemCount:list==null?0:list.length,
itemBuilder:(上下文,i){
返回容器(
子:列(
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
新文本(列表[i]['name']),
图像网络(
"http://mobileapi.vps50663.mylogin.co/public/uploads/products/thumbnail/“+列表[i][‘缩略图’],
fit:BoxFit.fill,
高度:100.0,
//宽度:80.0,
对齐:对齐.center,
filterQuality:filterQuality.low,
),
新文本(列表[i]['slug']),
],
),
);
});
}
}

这意味着图像的父容器小部件的大小比图像大小小14.0像素。尝试将容器的高度设置为120.0(以留出一些额外的空间)。这应该可以解决它

我发现类似的错误类型看看这个解决方案。可能的重复,有许多renderflex问题,但这一个几乎有相同的设计。如果我不知道图像的大小,即它来自服务器,有一个通用的解决方案吗?或者我必须更改父项大小?@AAEM您可以将宽度和高度传递给Image.Network小部件,例如:Image.Network(“”,宽度:double.infinity,高度:50,语义标签:“这是图像”,loadingBuilder:(BuildContext上下文,小部件子项,ImageChunkEvent loadingProgress){if(loadingProgress==null)返回子项;返回中心(子项:CircularProgressIndicator(值:loadingProgress.expectedTotalBytes!=null?loadingProgress.CumulativeBytes加载/loadingProgress.expectedTotalBytes:null,),;})