容器小部件内的阴影 - Flutter

【问题标题】：Shadow inside Container widget - Flutter容器小部件内的阴影 - Flutter
【发布时间】：2022-12-05 14:49:47
【问题描述】：

这里有一个问题，你如何让Container widget在里面有阴影。我尝试使用BoxShadow，但这不是我要找的小部件。我想要的是 Container 内的阴影，我希望这个 Container 有一个 image。这个image 会显得偏黑。请帮我找到这个。谢谢你。

【问题讨论】：

标签： flutter dart widget

【解决方案1】：

我猜你需要一个 ColorFilter 在你的图像上：

                 Container(
                  decoration: BoxDecoration(
                    image: new DecorationImage(
                      fit: BoxFit.cover,
                      colorFilter: ColorFilter.mode(
                          Colors.black.withOpacity(0.2), BlendMode.dstATop),
                      image: new NetworkImage(
                        'https://wallpaperaccess.com/full/777518.jpg',
                      ),
                    ),

您可以尝试摆弄不透明度和 BlendMode 以获得所需的结果......

【讨论】：