Flutter 动画 BackDropFilter

【问题标题】：Flutter animated BackDropFilterFlutter 动画 BackDropFilter
【发布时间】：2020-05-04 19:02:03
【问题描述】：

我想知道是否可以通过淡入淡出在屏幕上添加模糊。你有什么主意吗？我目前正在使用BackDropFilter 来模糊我的屏幕，但它在出现时不会褪色......

【问题讨论】：

【解决方案1】：

您可以为模糊的 sigma 值设置动画，

TweenAnimationBuilder<double>(
  tween: Tween<double>(begin: 0.0, end: 15.0),
  duration: const Duration(milliseconds: 500),
  builder: (_, value, child) {
    return BackdropFilter(
      filter: ImageFilter.blur(sigmaX: value, sigmaY: value),
      child: child,
    );
  },
  child: DecoratedBox(
  decoration: BoxDecoration(
    color: Colors.white.withOpacity(0.5),
  ),
),

【讨论】：

【解决方案2】：

我发现我可以使用名为AnimatedOpacity 的小部件为backDropFiter 设置动画。您可以将其用作AnimatedContainer！

享受

【讨论】：

你能举例说明你是如何做到的吗？根据我的阅读，不可能将 AnimatedOpacity 与 BackdropFilter 一起使用