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

Question

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

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

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

标签： flutterdartelevationcard

Answer 1

为此，您只需要通过增加属性的y 轴来shadow降低一点，就像这样：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
        )
      ]
    ),
  ),

这是输出：