首页 > 解决方案 > 如何在 Flutter 中创建轮廓卡片小部件

问题描述

我想包含一个带有颤振的轮廓材质卡片,但是由于卡片小部件没有样式元素或类似的东西,我不知道如何实现这一点。

我尝试使用该shape:属性,但不是很成功,主要是因为我不明白它是如何工作的。

在此处输入图像描述

标签: flutterdartflutter-layout

解决方案


输出:

在此处输入图像描述

它具有您可以更改shape的属性。Border

Card(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(40), // if you need this
    side: BorderSide(
      color: Colors.grey.withOpacity(0.2),
      width: 1,
    ),
  ),
  child: Container(
    color: Colors.white,
    width: 200,
    height: 200,
  ),
)

我认为您显示的屏幕截图也可以通过elevation使用Card.


推荐阅读