Flutter 为什么我在容器中的图像后面有一个形状？

我试图制作一张有圆角的卡片，但当我这样做时，图片下方的卡片比图片大。下面是我的代码和我应用程序的一部分截图，向您展示我的问题。我希望你能在截图上看到图像旁边的角落里有一个形状

Card(
                child: InkWell(
                  splashColor: Colors.blue.withAlpha(30),
                  onTap: () {
                    Navigator.of(context).push(MaterialPageRoute(
                      builder: (context) => BodyConstruction(),
                    ));
                  },
                  child: ClipRRect(
                    borderRadius: BorderRadius.all(Radius.circular(30)),
                    child: Image.asset('images/Bild1.jpg'),
                  )
                ),
              ),

---

试试这样的方法：

卡片( 形状：圆形矩形边框( 边界半径：边界半径。圆形（15.0）， ),

有几个形状属性可供您使用。以下是颤振文档：

---

您拥有的代码仅适用于图像，而不适用于卡本身。希望能有所帮助。

尝试以下操作：

卡片( 形状：圆形矩形边框( 边界半径：边界半径。圆形（15.0）， ),

有几个形状属性可供您使用。以下是颤振文档：

---

您拥有的代码仅适用于图像，而不适用于卡本身。希望有帮助。

您忘记添加卡的形状。此外，您还可以简化边界半径：

Card(shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30)
      ),
      child: InkWell(
            splashColor: Colors.blue.withAlpha(30),
            onTap: () {
               Navigator.of(context).push(MaterialPageRoute(
                  builder: (context) => BodyConstruction(),
                ));
            },
            child: ClipRRect(
              borderRadius: BorderRadius.circular(30),
              child: Image.asset('images/Bild1.jpg'),
            ),
          ),
        )

您的结果如下：

---

您忘记添加卡的形状。此外，您还可以简化您的边界半径：

Card(shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30)
      ),
      child: InkWell(
            splashColor: Colors.blue.withAlpha(30),
            onTap: () {
               Navigator.of(context).push(MaterialPageRoute(
                  builder: (context) => BodyConstruction(),
                ));
            },
            child: ClipRRect(
              borderRadius: BorderRadius.circular(30),
              child: Image.asset('images/Bild1.jpg'),
            ),
          ),
        )

您的结果如下：