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

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

参考链路