不取父边界半径的堆栈中的图像

Question

我需要你的帮助。我试图复制我在Instagram上看到的个人成长的设计。我在堆栈中有一个图像，堆栈是一个具有边界半径的容器的子程序。但是，框内的图像不受边框半径的影响。我尝试过不同的方法，但都没有奏效。

我得到的是

​

​

和我想要得到的

​

​

如何使图像具有边框半径，即使位于框外?？

下面是我的代码片段

Container(
          width: 300,
          height: 500,
          decoration: BoxDecoration(
            color: boxColor,
            borderRadius: BorderRadius.circular(12.0),
          ),
          child: Stack(
            children: [
              Positioned(
                right: -150,
                top: -200,
                child: ClipRRect(
                  clipBehavior: Clip.antiAlias,
                  // borderRadius: BorderRadius.circular(12.0),
                  child:Image.asset(
                    height: width*.35,
                    width: width*.35,
                    "assets/box.png",
                  ),
                ),
              ),

            
            ],
          ),
        )

Answer 1

在容器上包括clipBehavior: Clip.hardEdge,

Container(
  width: 300,
  height: 500,
  clipBehavior: Clip.hardEdge,
  decoration: BoxDecoration(
    color: Colors.red,
    borderRadius: BorderRadius.circular(12.0),
  ),

如果您仍然喜欢使用ClipRRect，请在容器的顶部使用它。