我正在尝试在 Flutter 内部创建一个小部件,它的作用类似于 BackdropFilter 小部件并模糊它后面的任何东西。尽管与 BackdropFilter 不同,这种模糊度不应该均匀分布,而是线性地逐渐增加模糊度。
有没有人有任何想法。谢谢
最佳答案
现在似乎有可能,使用新的 ImageFiltered
小部件。
我通过 this 找到了一个代码示例GitHub 评论:
Stack(
alignment: Alignment.bottomCenter,
fit: StackFit.expand,
children: <Widget>[
Image.network(
image,
fit: BoxFit.cover,
alignment: Alignment.bottomCenter),
ImageFiltered(
imageFilter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
child: ShaderMask(
shaderCallback: (rect) {
return LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [Colors.black, Colors.black.withOpacity(0)],
stops: [0.4, 0.75]).createShader(rect);
},
blendMode: BlendMode.dstOut,
child: Image.network(
image,
fit: BoxFit.cover,
alignment: Alignment.bottomCenter),
)
),
])
关于flutter - 如何在 Flutter 中使用线性渐变创建模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60311065/