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

相关推荐
猪哥帅过吴彦祖17 小时前
Flutter 系列教程:核心概念 - StatelessWidget vs. StatefulWidget
前端·javascript·flutter
GeniuswongAir1 天前
Flutter实现滑动页面停留吸附
前端·javascript·flutter
lar_slw1 天前
flutter json转实体类
android·flutter·json
恋猫de小郭2 天前
基于 Dart 的 Terminal UI ,pixel_prompt 这个 TUI 库了解下
android·前端·flutter
猪哥帅过吴彦祖2 天前
Flutter 系列教程:Dart 语言快速入门 (下)
前端·flutter·ios
zhifanxu2 天前
Flutter 中使用 Color 的最优方案
flutter
江上清风山间明月2 天前
flutter 编译报错java.util.zip.ZipException: zip END header not found
java·开发语言·flutter
科技林总2 天前
【TS5】Electron与Flutter
javascript·flutter·electron
这次选左边2 天前
Flutter混合Android开发Release 打包失败GeneratedPluginRegistrant.java,Plugin不存在
android·java·flutter
小蜜蜂嗡嗡2 天前
flutter在包含ListVIew的滚动列表页面中监听手势:NotificationListener
flutter