Flutter异步编程教程

Flutter中的异步编程主要依赖于Future和async/await关键字。以下是一个简单的教程，帮助你理解如何在Flutter中进行异步编程。

1. Future简介

Future表示一个异步操作的结果，它可以在未来的某个时间点完成。你可以通过then方法来处理Future的结果。

Future<String> fetchData() {
  return Future.delayed(Duration(seconds: 2), () => "Data fetched");
}

void main() {
  fetchData().then((value) {
    print(value); // 输出: Data fetched
  });
}

2. async和await关键字

async和await是处理异步代码的更简洁的方式。使用await可以让代码看起来像是同步的，但实际上仍然是异步的。

Future<String> fetchData() async {
  await Future.delayed(Duration(seconds: 2));
  return "Data fetched";
}

void main() async {
  String data = await fetchData();
  print(data); // 输出: Data fetched
}

3. 处理异常

在异步操作中，可能会抛出异常。你可以使用try-catch来捕获这些异常。

Future<String> fetchData() async {
  await Future.delayed(Duration(seconds: 2));
  throw Exception("Failed to fetch data");
}

void main() async {
  try {
    String data = await fetchData();
    print(data);
  } catch (e) {
    print("Error: $e"); // 输出: Error: Exception: Failed to fetch data
  }
}

4. 使用FutureBuilder

在Flutter中，FutureBuilder是一个常用的Widget，用于在UI中显示异步操作的结果。

import 'package:flutter/material.dart';

Future<String> fetchData() async {
  await Future.delayed(Duration(seconds: 2));
  return "Data fetched";
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("FutureBuilder Example")),
        body: Center(
          child: FutureBuilder<String>(
            future: fetchData(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator();
              } else if (snapshot.hasError) {
                return Text("Error: ${snapshot.error}");
              } else {
                return Text("Data: ${snapshot.data}");
              }
            },
          ),
        ),
      ),
    );
  }
}

void main() => runApp(MyApp());

总结

Flutter中的异步编程主要通过Future、async/await和FutureBuilder来实现。掌握这些工具可以帮助你编写更高效、更易读的异步代码。