如何從一側移除高程陰影而不從卡片或材料小部件中移除高程本身？

Question

如何刪除 Card 或 Material 小部件內的頂部高程陰影。

我將 Material 小部件用於容器並給出了高程值。 它從四面八方反射到我的容器。 但我只想要左側、底部和右側的高度陰影。 我怎樣才能得到它或去除頂側立面陰影。 來自 Material 或 Card Widget 的示例會很有用。

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

Answer 1

為此，您只需要通過增加offset屬性的y 軸來降低shadow ，就像這樣：

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
        )
      ]
    ),
  ),

這是輸出：