flutter设置圆角图片

最新推荐文章于 2024-05-03 02:57:41 发布

Android-Sky

最新推荐文章于 2024-05-03 02:57:41 发布

阅读量886

点赞数

分类专栏： flutter使用记录

本文链接：https://blog.csdn.net/u013297881/article/details/102700894

版权

flutter使用记录专栏收录该内容

112 篇文章 5 订阅

订阅专栏

实现全部圆角，又有占位图
Container(
  child: ClipRRect(
    borderRadius: BorderRadius.circular(5),
    child: FadeInImage.assetNetwork(
      placeholder: "images/iv.png",
      image:
          "https://b-ssl.duitang.com/uploads/blog/201312/04/20131204184148_hhXUT.jpeg",
      fit: BoxFit.cover,
    ),
  ),
  padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
)

实现部分圆角（已下是顶部实现圆角）

child: Container(
  child: ClipRRect(
      borderRadius: BorderRadius.only(
          topLeft: Radius.circular(5),
          topRight: Radius.circular(5),
          bottomLeft: Radius.circular(0),
          bottomRight: Radius.circular(0)),
      child: Image.network(
        "https://b-ssl.duitang.com/uploads/blog/201312/04/20131204184148_hhXUT.jpeg",
        fit: BoxFit.cover,
      )),
)