这是我的密码.这将生成一个矩形图像.

    return Container(
      width: 325,
      height: 245,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
        color: Colors.white,
      ),
      child: FadeInImage.assetNetwork(
        placeholder: AppAssets.eventPlaceholder,
        image: tempPhoto,
        fit: BoxFit.cover,
      ),
    );

我希望照片的棱角被剪掉,因为父母有圆角.

推荐答案

您可以用ClipRRect将小部件包裹起来以获得圆角:

使用圆角矩形剪辑其子对象的小部件.

就您而言:

 return ClipRRect(
      borderRadius: BorderRadius.circular(10),
      child: Container(
        width: 325,
        height: 250,
        color: AppColors.white,
        child: FadeInImage.assetNetwork(
          placeholder: AppAssets.eventPlaceholder,
          image: tempPhoto,
          fit: BoxFit.cover,
        ),
      ),
    );
  • Here是谷歌团队在YouTube上发布的解释ClipRRect的视频.

Flutter相关问答推荐

Firebase Auth异常未被catch捕获

类型int不是可迭代动态tmdbapi类型的子类型<>

Flutter Go路由深度链接不按预期工作

Android NFC未收到空的NFC标签

TextFormfield无法与自动路由一起正常工作

我有相关的下拉菜单Flutter Windows应用程序的问题

来自FirebaseAuth的错误DisplayName和邮箱在Flutter应用程序中给出错误

带有图标抖动的自定义下拉按钮

构建方法中的性能声明小部件

Flutter - Stripe:类型List 不是类型Map 的子类型? method_channel_stripe.dart 中的错误:263

Flutter底部面板局部显示

为什么 ref.watch(otherProvider.stream) 在 Riverpod 2.x 中被弃用并且将在 3.x 中被删除?

如何从底部导航栏打开 bottomModal 表?

如何从 showModalBottomSheet 中的 topRight 和 topLeft 移除平边

如何在 Flutter 中使用简写 IF 禁用单选按钮?

Firebase 中的查询限制 - .orderBy() 错误

如何让多个图标转到不同的网址

如何判断 text.contains() 是否包含多个值

如何使按钮被选中?

如何将 pushNamed 与 Dismissible Widget 一起使用并查看背景透明第一页