如何从一侧移除高程阴影而不从卡片或材料小部件中移除高程本身？

Question

如何删除 Card 或 Material 小部件内的顶部高程阴影。

我将 Material 小部件用于容器并给出了高程值。它从四面八方反射到我的容器。但我只想要左侧、底部和右侧的高度阴影。我怎样才能得到它或去除顶侧立面阴影。来自 Material 或 Card Widget 的示例会很有用。

Material(
  elevation: 3,
  child: Container(
    height: 100,
    width: 300,
  ),
)

Answer 1

为此，您只需要shadow通过增加属性的y 轴来降低一点点，offset就像这样：

Container(
  height: 100.0,
  width: 300.0,
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(20.0),
      color: Colors.white,
      boxShadow: [
        BoxShadow(
          spreadRadius: 2,
          blurRadius: 3,
          offset: Offset(0, 6),
          color: Colors.black38
        )
      ]
    ),
  ),

这是输出：