如何在Flutter中模糊小部件

Pooja Patil

我需要模糊一个小部件,例如一个简单的Container。我如何模糊它。

new Container(
  child: new Text('hello I am here'),
  height: 100.0,
  width: 100.0,
  color: Colors.red,
)

考虑以上容器。

阿诺德·帕奇

您可以像这样创建一个堆栈

第一个孩子:您要模糊的内容(在您的情况下:容器)

第二个孩子:BackdropFilter

在第二个子项(BackdropFilter)中,有一个参数child,用于将小部件插入树中,该参数不会受到BackdropFilter的影响。

在您的BackdropFilter中,设置过滤器:ImageFilter.blur5.0,5.0

5.0是您希望的模糊量。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Flutter中对齐单个小部件?

如何在Flutter中为小部件添加边框?

如何在Flutter中制作可复制的文本小部件?

如何在Flutter中测试本地化的小部件?

如何在Flutter中创建底部注释小部件?

如何在Flutter中的StaggeredGridView中使用堆栈小部件?

如何在Flutter中返回部分小部件列表

如何在Flutter中的小部件中创建内部循环?

如何在Flutter中重叠两个小部件?

如何在Flutter中的定位小部件内对齐文本?

如何在Flutter的HTML小部件中更改字体样式?

如何在Flutter中的小部件内获取主题颜色

如何在Flutter中创建概述的卡片小部件

如何在Flutter中管理开关小部件的本机外观

小部件出现/消失时如何在Flutter中查明?

如何在无效输入上摇动Flutter中的小部件?

Flutter:如何在“文本”小部件中设置maxLine

如何在Flutter中的画布上绘制小部件?

如何在flutter中的小部件内部循环

如何在Flutter中裁剪可变大小的小部件?

如何在 Flutter 中自定义 Slider 小部件?

如何在 Flutter 中更新 showmodalsheet 中的小部件颜色?

如何在flutter中获取动态文本小部件的宽度?

如何在 Flutter 中的小部件中对齐按钮

如何在 Flutter 中的列小部件中隐藏行小部件

如何在 Flutter 的 GridView 中对齐小部件?

如何在 Flutter 中的 Text 小部件中显示值?

如何在 Flutter 中更改 Radio 小部件的边框颜色?

如何在 Flutter 中设计卡片小部件