扑。图像圆形边框不起作用

Question

我正在尝试制作图像的圆角。这是我的代码：

                   ClipRRect(
                        borderRadius: BorderRadius.circular(14),
                        child: Image.asset(
                          "assets/images/test.png"                         
                        ))

一切正常，但是当我尝试将图像放入具有固定高度和宽度的容器时，圆形边框停止工作。 这是我的代码：

         LimitedBox(
              maxWidth: 95,
              maxHeight: 95,
              child: ClipRRect(
                    borderRadius: BorderRadius.circular(14),
                    child: Image.asset(
                      "assets/images/test.png"                        
                    ),
              ),
            )

为什么会出现这种情况，请帮帮我。

Answer 1

让我们试试背景图片

Container(
              height: 120.0,
              width: 120.0,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(14),
                image: DecorationImage(
                  image: AssetImage(
                      'assets/images/test.jpg'),
                  fit: BoxFit.fill,
                ),

              ),
            )

输出：