我有一个gridlayout,其中griditems基本上是:牌有两件事:图片文本但是图像是通过互联网加载的,因此有时会溢出网格项框和这个框…
使用Container和容器内部声明图像的宽度和高度为 你要。
new Container( width: 60.0 height: 60.0, decoration: new BoxDecoration( image: new DecorationImage( image:Image.network("https://i.ibb.co/Vv6cPj4/404.png",), //repeat: ImageRepeat.repeat, ), ), )
我希望这能帮到您。
你需要包装图像小部件 - Image.network 同 Expanded &安培;加 fit: BoxFit.cover, 。
Image.network
Expanded
fit: BoxFit.cover,
工作代码:
Widget build(context) { return GestureDetector( onTap: () {}, child: Card( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, //add this children: <Widget>[ Expanded( child: Image.network( "https://i.ibb.co/Vv6cPj4/404.png", fit: BoxFit.cover, // add this ), ), Center( child: Container( padding: EdgeInsets.all(10.0), child: Text("Title under"), ), ), ], ), ), ); }
输出: