Flutter 如何在颤振中生成负比率阴影

Flutter 如何在颤振中生成负比率阴影,flutter,shadow,Flutter,Shadow,我正试图给这张图片制造一个阴影,但不知道怎么做 我已经可以在它后面创建另一个形状,使它看起来像一个阴影,但这是一个坏主意 代码是: Container( decoration: BoxDecoration( boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.444), spre

我正试图给这张图片制造一个阴影,但不知道怎么做

我已经可以在它后面创建另一个形状,使它看起来像一个阴影,但这是一个坏主意

代码是:

 Container(
            decoration: BoxDecoration(
              boxShadow: [
                BoxShadow(
                  color: Colors.grey.withOpacity(0.444),
                  spreadRadius: 1,
                  blurRadius: 2,
                  offset: Offset.lerp(Offset(5, 6), Offset(1, -3),
                      -1), // changes position of shadow
                ),
              ],
            ),
            child: SvgPicture.string(
              '<svg viewBox="-0.1 0.0 361.0 254.2" ><path transform="translate(138.0, -602.0)" d="M 222.9289093017578 602 L -138.0711364746094 602 L -138.0711364746094 739.2791748046875 L 222.9289093017578 856.2000732421875 L 222.9289093017578 788.2969970703125 L 222.9289093017578 602 Z" fill="#bb7c7c" stroke="none" stroke-width="1" stroke-miterlimit="4" stroke-linecap="butt" /></svg>',
              allowDrawingOutsideViewBox: true,
            ),
          ),
容器(
装饰:盒子装饰(
boxShadow:[
箱形阴影(
颜色:颜色。灰色。不透明度(0.444),
扩展半径:1,
半径:2,
偏移量:offset.lerp(偏移量(5,6),偏移量(1,-3),
-1) ,//更改阴影的位置
),
],
),
子项:SvgPicture.string(
'',
allowDrawingOutsideViewBox:true,
),
),

您在这里尝试的内容非常棘手,因为父容器上有阴影。查看有关向图标/图像添加阴影的线程。这里有一些可能的解决方案

作为一个简单的解决方案,将SVG代码保存为SVG文件,然后将阴影添加到SVG图像中。有很多在线SVG图像编辑器在线。用于添加阴影。那么就不需要在阴影中编码了