如何在 Flutter 上模糊图像本身？

Question

最近，我尝试模糊图像。但该方法BackDropFilter仅对图像产生模糊效果，并没有模糊图像本身。

我想要做的是模糊网络图像本身，使其没有实心边框。如您所知，使用 时BackDropFilter，图像会变得模糊，但仍然具有实心且不连续的边框。

也许它不一定是“模糊图像本身”，但我仍然不知道如何用自然淡出的边框来模糊图像。

请帮帮我。谢谢

Answer 1

您可以使用 aStack覆盖您的图像BackdropFilter（如@Narritt 建议），也可以使用该类ImageFiltered：

import 'dart:ui';

// ...

ImageFiltered(
  imageFilter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
  child: Image.network(
    "https://picsum.photos/id/237/200/300",
    fit: BoxFit.cover,
  ),
)