Flutter 高效开发：Dart 异步、HTTP 请求和本地存储详解（上）

2023-09-20 13:13:49

Dart 异步编程：解锁 Flutter 中的响应式应用程序

在 Flutter 的世界中，掌握异步编程至关重要。它赋予应用程序执行长时间运行任务的能力，而不会阻塞主线程，从而确保应用程序的灵敏性和用户友好性。

异步编程基础

Dart 中的异步编程围绕着 Future 和 async/await 展开。Future 表示一个最终将在未来完成的异步操作的结果。它有三种状态：pending （未完成）、completed （完成并返回结果）和 failed （完成并返回错误）。

async 和 await 让我们能够以同步方式编写异步代码。async 函数返回一个 Future ，表示函数的最终结果。await 运算符暂停函数的执行，直到 Future 完成，然后继续执行带有 Future 结果的代码。

考虑以下示例，它使用 Future 和 async/await 发送 HTTP 请求并打印响应正文：

import 'dart:io';

Future<void> main() async {
  HttpClient client = HttpClient();
  HttpClientRequest request = await client.getUrl(Uri.parse('https://example.com'));
  HttpClientResponse response = await request.close();

  response.transform(utf8.decoder).listen((data) {
    print(data);
  });
}

HTTP 请求

Flutter 提供了用于发送 HTTP 请求的各种类和函数。最流行的方法是使用 HttpClient 类，它允许我们低级别地控制请求和响应。我们还可以利用 http 包，它提供了更高级别的 API 来处理 HTTP 请求。

以下是如何使用 HttpClient 发送 GET 请求的示例：

import 'dart:io';

Future<void> main() async {
  HttpClient client = HttpClient();
  HttpClientRequest request = await client.getUrl(Uri.parse('https://example.com'));
  HttpClientResponse response = await request.close();

  // 处理响应
}

对于 POST 请求，我们可以使用 postUrl 方法：

import 'dart:io';

Future<void> main() async {
  HttpClient client = HttpClient();
  HttpClientRequest request = await client.postUrl(Uri.parse('https://example.com'));

  // 设置请求正文
  request.headers.set('content-type', 'application/json');
  request.add(utf8.encode('{"name": "John Doe"}'));

  HttpClientResponse response = await request.close();

  // 处理响应
}

本地存储

在 Flutter 中，有几种方法可以将数据存储在设备上。最常用的技术是使用 shared_preferences 插件，它提供了跨平台的键值存储 API。我们还可以利用 path_provider 插件来检索应用程序特定存储目录的路径，并使用 File 和 Directory 类来读写文件。

以下是如何使用 shared_preferences 存储字符串值的示例：

import 'package:shared_preferences/shared_preferences.dart';

Future<void> main() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  await prefs.setString('username', 'johndoe');
}

要从设备上读取文件，我们可以使用以下代码：

import 'dart:io';
import 'package:path_provider/path_provider.dart';

Future<void> main() async {
  Directory appDocDir = await getApplicationDocumentsDirectory();
  File file = File('${appDocDir.path}/my_file.txt');

  String contents = await file.readAsString();
  print(contents);
}