如何在 Flutter 中创建轮廓卡片小部件

Question

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

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

Answer 1

输出：

它具有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.