Flutter 中的 async、Futures 和 Streams 如何工作？

Question

Accepted Answer

Flutter 应用程序不断处理**异步操作**（网络请求、文件访问、数据库查询）。Dart 的 **Futures**（单个异步结果）和 **Streams**（异步事件序列），结合 **async/await** 和 **FutureBuilder**/**StreamBuilder** 等 widgets，对异步 UI 至关重要。 ## Futures 和 async/await ```dart // a Future represents a single async result that completes later Future fetchUser() async { final response = await http.get(url); // await pauses until the Future completes return response.body; // returns the result } // using it final data = await fetchUser(); // await the result // or: fetchUser().then((data) => ...); // callback style ``` `Future` = 一个稍后可用的单个值（网络响应、文件读取）。`async`/`await` 使异步代码能够顺序读取。 ## FutureBuilder — 从 Future 构建 UI ```dart // FutureBuilder rebuilds the UI based on the Future's state (loading/data/error) FutureBuilder( future: fetchUser(), builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) { return CircularProgressIndicator(); // loading } else if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); // error } else { return Text(snapshot.data!); // got the data } }, ) ``` ## Streams 和 StreamBuilder ```dart // a Stream = a SEQUENCE of async events over time (e.g. live data, websocket, sensor) Stream counter() async* { for (int i = 0; i < 10; i++) { await Future.delayed(Duration(seconds: 1)); yield i; // emit each value } } // StreamBuilder rebuilds the UI as new events arrive StreamBuilder(stream: counter(), builder: (context, snapshot) => Text('${snapshot.data}')) ``` ## 为什么这很重要理解 async、Futures 和 Streams 至关重要，因为 **Flutter 应用程序不断处理异步操作**，所以正确处理它们是构建真实应用程序的基础。几乎每个应用程序都执行异步工作——网络请求、文件访问、数据库查询、实时数据——而 Dart 的异步原语是你处理这些工作的方式。理解 **Futures**（表示稍后可用的单个异步结果，如网络响应）和 **async/await**（使异步代码能够顺序且清晰地读取）对于执行异步操作至关重要。理解 **FutureBuilder** 对 UI 特别重要：它根据 Future 的状态构建 UI，正确处理**加载、错误和数据状态**——这正是真实应用程序所需的（加载时显示旋转圈，失败时显示错误消息，成功时显示数据），这是异步 UI 的常见且必要的模式。理解 **Streams**（随时间的异步事件序列，如实时数据、websockets 或传感器读数）和 **StreamBuilder**（随着新事件到达重建 UI）对于响应式、实时 UI 以及基于 Streams 的状态管理方法至关重要。正确处理异步——包括 FutureBuilder 和 StreamBuilder 管理的加载/错误/数据状态——对于构建能够正确获取和显示数据的应用程序是基础（大多数应用程序的核心）。由于 Flutter 应用程序不断执行异步操作（网络、文件、实时数据），并且显示其结果需要正确处理异步状态，而且 Futures、Streams、async/await 以及 Builder widgets 是实现这一目标的基本工具，因此在 Flutter 中理解 async、Futures 和 Streams 是必不可少的、频繁应用的知识——是构建能够正确处理数据和异步操作的应用程序的基础，是几乎所有真实 Flutter 应用程序中都需要的核心技能，这些应用程序会获取或处理数据。