如何将背景过滤器应用于整个屏幕，而不是颤动中的特定小部件？

Question

我想做一个很酷的教程对话框。 我想在整个屏幕上都有一个黑色背景过滤器，但要减少弹出窗口和我想突出显示的屏幕部分。 我怎样才能做到这一点？

Answer 1

用 BackDropFilter 包装对话框

return new BackdropFilter(
    filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
    child: Dialog(
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15.0)),
      backgroundColor: Color(ColorResources.BLACK_ALPHA_65),
      child: _dialogContent(),
    )
);

Widget _dialogContent() {}//Your dialog view

参考链接