Flutter中BackdropFilter设透明色仍出现白色光晕的原因

在Flutter应用中使用BackdropFilter组件时，已将子Container的颜色设置为Colors.transparent，但组件仍呈现出白色光晕效果。相关代码如下：

Positioned.fill(
  child: SizedBox(
    child: BackdropFilter(
      // enabled: false,
      filter: ImageFilter.blur(
          sigmaX: 5.0, sigmaY: 5.0), // Adjust blur values
      child: Container(
        height: Get.height,
        width: Get.width,
        color: Colors
            .transparent, // Experiment with opacity to get the desired effect
      ),
    ),
  ),
)

原因分析： #

• 模糊效果作用于背景内容：BackdropFilter的核心是对它后方的图层内容执行模糊操作，而非自身子组件。如果BackdropFilter背后的元素是白色或浅色（比如页面背景、父容器的白色底色），模糊后这些浅色内容的边缘会扩散，就会形成你看到的白色光晕。
• 透明背景的本质：Colors.transparent在Flutter中实际是Color(0x00FFFFFF)——全透明的白色。虽然视觉上完全透明，但在模糊渲染的叠加计算中，极端情况下可能和背景模糊效果产生微妙的白色边缘（不过这不是主要原因，核心还是背景内容的影响）。
• 全屏覆盖的放大效应：你用Positioned.fill+全屏Container让模糊效果覆盖整个屏幕，背景的浅色内容被全屏模糊后，光晕的视觉效果会更明显。

内容的提问来源于stack exchange，提问作者Hira Zaheer