flutter - 如何在 Flutter 中的图像中实现 DropShadow/阴影效果？

Question

我试图用 BackDropFilter 做一些像堆栈中的两个图像(其中一个显然用黑色填充)。但结果模糊了堆栈下面的所有内容(甚至在图像的 alpha 区域)。我已经搜索过这种效果，但还没有找到答案。如果您能给我一个可能的解决方案或路径来实现这种效果，我将不胜感激。

                  children: <Widget>[
                    ClipRect(
                        child: BackdropFilter(                      
                        child:Image.asset('assets/leopard.png', color: Colors.black,),
                        filter: prefix0.ImageFilter.blur(sigmaX: 5, sigmaY: 5),
                      ),
                    ),
                    Image.asset('assets/leopard.png',),
                    ] ,```


  [1]: /image/iLKYo.jpg

Answer 1

您可以使用 simple_shadow .这是项目中的示例:

SimpleShadow(
    child: Image.asset('images/bird.png'),
    opacity: 0.6,         // Default: 0.5
    color: Colors.blue,   // Default: Black
    offset: Offset(5, 5), // Default: Offset(2, 2)
    sigma: 7,             // Default: 2
)

我已经验证了即使使用 flutter_svg 也能正常工作.