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

Adding shadows with rounded corners to a widget in Flutter

我已经开发了几个月的应用程序并收到了一个简单的设计请求:在 widget 上圆角并添加阴影。

怎么做?

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

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