flutter - 如何在 flutter 中为小部件添加阴影？

Question

如何向小部件添加阴影，如下图所示？

This是我当前的小部件代码。

Answer 1

查看 BoxShadow和 BoxDecoration

Container 可以采用 BoxDecoration(脱离您最初发布的代码)，它采用 boxShadow

return Container(
  margin: EdgeInsets.only(left: 30, top: 100, right: 30, bottom: 50),
  height: double.infinity,
  width: double.infinity,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(10),
        topRight: Radius.circular(10),
        bottomLeft: Radius.circular(10),
        bottomRight: Radius.circular(10)
    ),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 5,
        blurRadius: 7,
        offset: Offset(0, 3), // changes position of shadow
      ),
    ],
  ),
)