在 Flutter 中为小部件添加圆角阴影

Question

我已经在一个应用程序上工作了几个月，并收到了一个简单的设计请求：在 a 上转角widget并添加一个阴影。

怎么做？

Answer 1

将您的小部件包装在 DecoratedBox 小部件中并添加 BoxDecoration

DecoratedBox(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(10),
    boxShadow: [
      BoxShadow(
        spreadRadius: 4,
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 3,
      )
    ],
  ),
  child: ..
)