android - 如何在 flutter 中设置盒子阴影

Question

我有一个 figma 设计，我需要像这样设置盒子阴影。

Drop shadow
x 0, y : 1, B: 5, S: 0, #000000 30%

Answer 1

使用 Container小部件并设置 boxShadow来自其 decoration 的属性(property)属性(property)。
代码示例

Container(
  height: 75,
  width: 150,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(12),
    boxShadow: [
      BoxShadow(
        offset: Offset(0, 1),
        blurRadius: 5,
        color: Colors.black.withOpacity(0.3),
      ),
    ],
  ),
);

截图

Try the full code on DartPad