Flutter中如何为Stack组件内的图片设置圆角效果

实现思路很简单，用ClipRRect组件对需要加圆角的区域做裁剪即可，以下是修改后的完整代码：

InkWell(
  // 若需要InkWell的水波纹效果适配圆角，加上这行，半径和下方ClipRRect保持一致
  borderRadius: BorderRadius.circular(12),
  child: ClipRRect(
    // 可自定义调整圆角半径大小
    borderRadius: BorderRadius.circular(12),
    child: Stack(
      children: <Widget>[
        Image.asset('assets/Images/b.jpg', fit: BoxFit.cover,),
        Center(child: Text("something", textAlign: TextAlign.center,)),
      ]
    ),
  ),
  onTap: () {
    ListOfEpisode();
    print("am");
  },
)

两种使用场景说明：

• 要给整个Stack（包括图片、文字等所有子元素）统一加圆角：按上面的代码把ClipRRect套在Stack外层即可
• 只需要给图片单独加圆角，其他子元素不受裁剪影响：把ClipRRect套在Image.asset外层即可

注意：如果圆角未正常生效，检查Stack上层是否有正确的宽高约束，没有明确尺寸的话裁剪效果会无法正常呈现

内容的提问来源于stack exchange，提问作者siitaw