Flutter 如何使用image.asset在颤振中过滤(模糊)图像?
我通常使用Flutter 如何使用image.asset在颤振中过滤(模糊)图像?,flutter,dart,Flutter,Dart,我通常使用AssetImage及其colorFilter属性以不同的方式过滤我的图像: image: DecorationImage( image: AssetImage("assets/images/1.jpg"), colorFilter: ColorFilter.mode(Colors.grey[800], BlendMode.modulate), fit: BoxFit.cover), color: Colors.teal[900], ) 我现在正在使
AssetImage
及其colorFilter
属性以不同的方式过滤我的图像:
image: DecorationImage(
image: AssetImage("assets/images/1.jpg"),
colorFilter: ColorFilter.mode(Colors.grey[800], BlendMode.modulate),
fit: BoxFit.cover),
color: Colors.teal[900],
)
我现在正在使用SliverAppBar
,其flexibleSpace
字段采用FlexibleSpaceBar
,而FlexibleSpaceBar
依次采用小部件。在这里,我可以给出Image.asset
,但由于我无法过滤,所以会模糊该图像。是否有任何方法可以筛选Image.asset
的子级
FlexibleSpaceBar
的background
只接受Widget
,所以我不能给它AssetImage
这个怎么样
Container(
width: 200,
height: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage("assets/images/1.jpg"),
colorFilter:
ColorFilter.mode(Colors.grey[800], BlendMode.modulate),
fit: BoxFit.cover),
color: Colors.teal[900],
),
child: ClipRect(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
child: Container(
color: Colors.black.withOpacity(0),
),
),
),
),