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

标签 flutter image flutter-layout rounded-corners

我正在使用 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/

相关文章:

android - 如何更改 Flutter DevTools 默认浏览器?

javascript - 根据下拉菜单和图像链接更改图像

java - 水平或垂直翻转 JavaFX 图像

flutter - 如何在Flutter中将图像和其他 View 用作背景

flutter - 将 map 与AssetImage一起使用

flutter - Flutter 中的 PageView 模块中的 PageController 未正确设置。弹出位置非空错误

database - 如何在 PDF Flutter 中使用网络图像

专栏中的 Flutter 2 Streambuilder

Flutter - 容器宽度和高度适合父级

flutter - 如何减慢 Flutter 中的弹跳动画?