如何在Flutter中将回调函数转换为Future？

在JavaScript中，我们可以通过创建Promise把回调式API转换为支持async/await的形式，比如：

function timeout(time){
   return new Promise(resolve=>{
      setTimeout(()=>{
         resolve('done with timeout');
      }, time)
   });
}

在Flutter（Dart）中完全可以实现类似操作，核心是用Completer类手动控制Future的完成时机，作用相当于JavaScript里Promise的resolve和reject。

针对你给出的示例代码，当前问题是_doSomething函数没有等待addPostFrameCallback里的_doSomethingElse执行完成就直接返回了，导致await _doSomething()不会等待异步操作结束。修正后的代码如下：

Future<void> _doSomething() async {
  // 创建Completer实例，用来管理Future的完成状态
  final completer = Completer<void>();

  SchedulerBinding.instance.addPostFrameCallback((_) async {
    try {
      // 执行需要等待的异步操作
      await _doSomethingElse();
      // 操作成功完成，标记Future为已完成
      completer.complete();
    } catch (e) {
      // 捕获操作中的错误，标记Future为失败并传递错误信息
      completer.completeError(e);
    }
  });

  // 返回Completer关联的Future，让调用者可以await等待完成
  return completer.future;
}

// 此时调用await _doSomething()会等待_doSomethingElse完成后再继续执行后续代码
await _doSomething();

通用的回调转Future模式 #

对于任何第三方回调式API，都可以用这个模式包装成Future：

Future<String> wrapThirdPartyCallbackApi() {
  final completer = Completer<String>();
  
  // 模拟一个第三方回调式API
  thirdPartyFunctionWithCallback((String result, Object? error) {
    if (error != null) {
      // 回调返回错误，标记Future失败
      completer.completeError(error);
    } else {
      // 回调返回结果，标记Future成功并传递结果
      completer.complete(result);
    }
  });
  
  return completer.future;
}

// 使用示例
try {
  final result = await wrapThirdPartyCallbackApi();
  print('操作结果：$result');
} catch (e) {
  print('操作出错：$e');
}

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