flutter 高斯模糊闪烁问题

1、运行flutter版本

bash 复制代码
Flutter 3.24.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 2663184aa7 (12 months ago) • 2024-09-11 16:27:48 -0500
Engine • revision 36335019a8
Tools • Dart 3.5.3 • DevTools 2.37.3

2、代码使用如下

Dart 复制代码
 Widget _buildBlurMask() {
    var imageFilter = ImageFilter.blur(sigmaX: 40, sigmaY: 40);
    var sizedBox = SizedBox(width: double.infinity, height: double.infinity);
    var backdropFilter = BackdropFilter(filter: imageFilter, child: sizedBox);
    return ClipRect(clipBehavior: Clip.antiAlias, child: backdropFilter);
  }

final blurMask = _buildBlurMask();

Positioned.fill(child: blurMask),

3、导师回答

使用 Flutter 3.29+ 的 BackdropFilter.grouped(远期考虑)

Flutter 3.29 引入了 BackdropGroupBackdropFilter.grouped,专门用于优化多个模糊效果的渲染性能。​这需要你将 Flutter SDK 升级到 3.29.0 或更高版本

4、直接图片处理成高斯模糊的图片

flutter_blurhash | Flutter package

5、flutter使用 blurhash_ffi 库来处理

blurhash_ffi | Flutter package

相关推荐
wilinz10 小时前
Flutter 图片压缩性能对比
flutter
程序员老刘1 天前
Dart MCP翻车了!3.9.0版本无法运行,这个坑你踩过吗?
flutter·ai编程·客户端
ideal树叶1 天前
flutter 中 的 关键字
flutter
世界不及妳微笑1 天前
Flutter 记录应用授权登录踩坑之旅
flutter
鹏多多2 天前
flutter-使用confetti制作炫酷纸屑爆炸粒子动画
android·前端·flutter
耳東陳12512 天前
【重磅发布】flutter_chen_updater-版本升级更新
flutter
HH思️️无邪2 天前
Flutter 开发技巧 AI 快速构建 json_annotation model 的提示词
flutter·json
笔沫拾光2 天前
hooks_riverpod框架解析
flutter·hooks·hooks_riverpod
problc2 天前
Flutter桌面应用实战:Windows系统代理切换工具开发
windows·flutter