flutter - Flutter 动画 BackDropFilter

Question

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

标签： fluttermobiledartblur

Answer 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),
  ),
),