在颤动中创建自定义阴影

Question

我正在创建具有特定种类内部阴影的容器。 但是我不知道如何构建它。

如您所见，左上角有一个浅黑色阴影，右下角有一个白色阴影

https://stackoverflow.com/a/63402975/

感谢您的帮助。

Answer 1

在您的BoxDecoration中添加一个Container，在BoxDecoration中，您可以使用多个BoxShadow的示例：

BoxDecoration(
  color: //whatever color you want
  boxShadow:[
    BoxShadow(
      color: //shadow color
      offset: //shadow offset
      spreadRadius: //shadow spread radius. 
      //Use negative value above for the inner shadow effect
      blurRadius: //shadow blur radius
    ),
    BoxShadow(
    //same attributes but change them as you wish
    ),
  ]
)

查看Flutter文档：https://api.flutter.dev/flutter/painting/BoxShadow/BoxShadow.html

这是示例代码：

Container(
  height: 100,
  width: 100,
  decoration: BoxDecoration(
  borderRadius: BorderRadius.circular(10),
  boxShadow: [
    BoxShadow(
      color: Colors.black12,
    ),
    BoxShadow(
      color: Colors.white,
      spreadRadius: -0.1,
      blurRadius: 2,
      offset: Offset(3, 3),
    ),
  ]),
),

这是结果：