Flutter视频加密时应用卡顿问题求助：如何实现无阻塞加密？

你的问题很典型：CPU密集型的加密操作阻塞了UI线程，导致应用卡顿直到加密完成。Flutter的主线程负责处理UI渲染和事件响应，如果在主线程执行耗时操作（比如大文件加密），事件循环会被阻塞，UI就会失去响应。

下面是具体的解决方案，核心思路是把加密逻辑移到后台Isolate（Flutter的多线程机制）中执行，让主线程专注于UI渲染。

方案1：使用compute函数（最简单的方式） #

compute是Flutter提供的简化Isolate使用的工具函数，它会自动创建后台Isolate执行任务，完成后返回结果到主线程。

首先，把加密逻辑提取成一个顶层函数或静态函数（因为Isolate无法访问类的实例方法）：

// 顶层函数：负责执行加密逻辑，运行在后台Isolate
Future<String?> encryptVideo(Map<String, String> params) async {
  final String key = params['key']!;
  final String sourcePath = params['sourcePath']!;
  final String destPath = params['destPath']!;
  
  var crypt = AesCrypt(key);
  try {
    crypt.setOverwriteMode(AesCryptOwMode.on);
    return await crypt.encryptFile(sourcePath, destPath);
  } on AesCryptException catch (e) {
    if (e.type == AesCryptExceptionType.destFileExists) {
      print('加密失败：目标文件已存在');
    }
    return null;
  }
}

然后修改你的sifrele函数，用compute调用这个后台函数：

Future sifrele() async { 
  String realPath = "/storage/emulated/0/Android/data/com.android.xxxx/files"; 
  final sourceFile = '$realPath/WhatCarCanYouGetForAGrand.mp4';
  final destFile = '$realPath/video.mp4.aes';

  // 使用compute将加密任务放到后台Isolate执行
  final result = await compute(encryptVideo, {
    'key': 'sefa',
    'sourcePath': sourceFile,
    'destPath': destFile,
  });

  if (result != null) {
    print('加密成功完成');
    // 这里可以更新UI，比如显示成功提示（回到主线程了，安全）
  } else {
    print('加密失败');
  }
}

方案2：手动创建Isolate（更灵活的方式） #

如果你需要更精细地控制Isolate的生命周期（比如监听进度、中途取消任务），可以手动创建Isolate：

Future sifrele() async { 
  String realPath = "/storage/emulated/0/Android/data/com.android.xxxx/files"; 
  final sourceFile = '$realPath/WhatCarCanYouGetForAGrand.mp4';
  final destFile = '$realPath/video.mp4.aes';

  // 创建Isolate并传递参数
  final receivePort = ReceivePort();
  await Isolate.spawn(
    _encryptInIsolate,
    _IsolateParams(
      sendPort: receivePort.sendPort,
      key: 'sefa',
      sourcePath: sourceFile,
      destPath: destFile,
    ),
  );

  // 监听Isolate返回的结果
  final result = await receivePort.first;
  receivePort.close();

  if (result is String) {
    print('加密成功完成：$result');
  } else if (result is AesCryptException) {
    print('加密失败：${result.message}');
  }
}

// 传递给Isolate的参数类（需要可序列化）
class _IsolateParams {
  final SendPort sendPort;
  final String key;
  final String sourcePath;
  final String destPath;

  _IsolateParams({
    required this.sendPort,
    required this.key,
    required this.sourcePath,
    required this.destPath,
  });
}

// Isolate执行的函数
void _encryptInIsolate(_IsolateParams params) async {
  var crypt = AesCrypt(params.key);
  try {
    crypt.setOverwriteMode(AesCryptOwMode.on);
    final encPath = await crypt.encryptFile(params.sourcePath, params.destPath);
    params.sendPort.send(encPath);
  } on AesCryptException catch (e) {
    params.sendPort.send(e);
  } finally {
    Isolate.exit();
  }
}

关键注意事项 #

• Isolate的限制：后台Isolate无法访问Flutter的UI组件（比如BuildContext、State），所以所有UI更新操作必须回到主线程执行（上面的示例中，compute和receivePort的结果都是回到主线程的，所以可以安全更新UI）。
• 文件权限：确保你的应用已经申请了读写外部存储的权限（Android需要READ_EXTERNAL_STORAGE/WRITE_EXTERNAL_STORAGE，Android 13+需要READ_MEDIA_VIDEO等权限）。
• 进度提示：如果需要显示加密进度，可以在加密函数中通过SendPort实时发送进度数据到主线程，然后更新UI进度条。

内容的提问来源于stack exchange，提问作者FesaTR