抽屉后面模糊不清

Question

我正在寻找一种使抽屉后面的整个应用变得模糊的方法，不仅是一项活动，而且还可以使您在打开抽屉的任何地方都变得模糊。

Answer 1

这是一个小技巧，需要编辑flutter源文件（在Android Studio中，当选择Drawer进入源文件时，按CTRL + B）：

在抽屉.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)),
),

Answer 2

您只需将抽屉的孩子放在BackDropFilter小部件中即可。

Scaffold(
          drawer: Drawer(
            child: BackdropFilter(
              filter: ImageFilter.blur(
                sigmaX: 5.0,
                sigmaY: 5.0,
              ),
              child: YourDrawerChild()