如何在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的{​​{1}}属性来实现。