我试图制作一个带有圆角的卡片,但是当我这样做时,图像下方的卡片比图像大。以下是我的代码和应用程序一部分的屏幕截图,以向您展示我的问题。我希望您可以在屏幕截图中看到图像旁边的角落是一个形状。
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'),
)
),
),
最佳答案
您忘记添加卡的形状。另外,您可以简化borderRadius:
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'),
),
),
)
您的结果将是以下内容:
关于flutter - 为什么在容器中的图像后面有形状?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61737352/