如何在Flutter/Dart中创建异步回调？

在Flutter/Dart中创建异步回调通常涉及到使用Future、async和await关键字，以及回调函数。以下是基础概念和相关示例：

基础概念

Future: 表示一个可能还未完成的计算结果。它是一个占位符，用于表示将来某个时间点会有的值。
async: 这是一个修饰符，用于标记一个函数为异步函数。异步函数总是返回一个Future对象。
await: 只能在async函数内部使用，用于等待一个Future完成并获取其结果。
回调函数: 是一个作为参数传递给另一个函数的函数，它会在某个事件发生时被调用。

创建异步回调的步骤

定义一个异步函数，该函数执行耗时操作并返回一个Future。
在需要执行异步操作的地方调用这个函数，并使用await等待结果。
使用回调函数处理异步操作的结果。

示例代码

import 'dart:async';

// 定义一个异步函数，模拟耗时操作
Future<String> fetchData() async {
  await Future.delayed(Duration(seconds: 2)); // 模拟网络请求或其他耗时操作
  return 'Data fetched';
}

// 定义一个回调函数类型
typedef DataCallback = void Function(String data);

// 使用回调函数处理异步操作的结果
void performAsyncOperation(DataCallback callback) async {
  try {
    String result = await fetchData();
    callback(result); // 调用回调函数处理结果
  } catch (e) {
    print('Error: $e');
  }
}

void main() {
  // 调用异步操作并传递回调函数
  performAsyncOperation((data) {
    print('Callback received data: $data');
  });

  print('Main function continues to execute...');
  // 防止main函数立即退出，以便可以看到回调函数的输出
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('Waiting for async operation...'),
        ),
      ),
    );
  }
}