gpt4 book ai didi

flutter - 如何在 Flutter 中制作圆角图像

转载 作者:IT老高 更新时间:2023-10-28 13:48:20 28 4
gpt4 key购买 nike

我正在使用 Flutter 制作有关电影的信息列表。现在我希望左边的封面图片是圆角图片。我做了以下,但没有奏效。谢谢!

    getItem(var subject) {
var row = Container(
margin: EdgeInsets.all(8.0),
child: Row(
children: <Widget>[
Container(
width: 100.0,
height: 150.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(8.0)),
color: Colors.redAccent,
),
child: Image.network(
subject['images']['large'],
height: 150.0,
width: 100.0,
),
),
],
),
);
return Card(
color: Colors.blueGrey,
child: row,
);
}

如下

enter image description here

最佳答案

使用 ClipRRect它将完美运行。

ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Image.network(
subject['images']['large'],
height: 150.0,
width: 100.0,
),
)

关于flutter - 如何在 Flutter 中制作圆角图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51513429/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com