dart - 在抽屉后面模糊不清

Question

我正在寻找一种方法让抽屉后面的整个应用程序变得模糊，不仅仅是一个事件，而是你打开抽屉的任何地方。

Answer 1

这是一个需要编辑 flutter 源文件的小 hack(在 Android Studio 中，在选择 Drawer 时按 CTRL + B 以转到其源文件):

在 drawer.dart 中，添加一个新的导入:

import 'dart:ui' show ImageFilter;

并替换第 400 行附近的代码:

child: new Container(
  color: _color.evaluate(_controller),
)

与:

child: new BackdropFilter(
  filter: new ImageFilter.blur(sigmaX: 10.0 * _controller.value, sigmaY: 10.0 * _controller.value),
  child: Container(color: Color(0x01000000)),
),