使用 flutter 创建玻璃 UI
正如标题所说，我想创建一个像这样的用户界面，但我无法获得相同的结果。
现在我正在使用此代码：
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/greydrop.jpeg'),
fit: BoxFit.cover,
),
),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
child: Scaffold(
backgroundColor: Colors.white.withOpacity(0.6),
appBar: AppBar(...),
body : ....
我正在使用具有不同类型灰色的图像。 我的结果如下： 
as title say I'd like to create a ui like this but I can't obtain the same result.
Right now I'm using this code:
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/greydrop.jpeg'),
fit: BoxFit.cover,
),
),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
child: Scaffold(
backgroundColor: Colors.white.withOpacity(0.6),
appBar: AppBar(...),
body : ....
I'm using an image with different type of grey.
My result is the follow :
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我猜，当您使用纯灰色图像时，您看不到失真的发生。
尝试使用彩色背景，例如 THIS 在同一代码中。
As you are using a plain grey image you cannot see the distortion happening I guess.
Try using a colored background like THIS in the same code.