flutter dio网络请求与json数据解析

最新推荐文章于 2025-06-14 09:45:15 发布

原创

最新推荐文章于 2025-06-14 09:45:15 发布 · 910 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #json

在Flutter中，Dio 是一个功能强大且易于使用的网络请求库，用于处理HTTP请求和响应。与 http 包相比，Dio 提供了更多高级功能，例如拦截器、文件上传/下载、请求取消等。结合 json_serializable 或手动解析 JSON 数据，可以轻松实现网络数据的获取与解析。

以下是一个完整的示例，展示如何使用 Dio 进行网络请求并解析 JSON 数据：

1. 添加依赖

在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  dio: ^5.0.0 # 确保使用最新版本
  json_annotation: ^4.8.0

dev_dependencies:
  build_runner: ^2.3.0
  json_serializable: ^6.7.0

然后运行以下命令以安装依赖：

flutter pub get

2. 创建数据模型

为了更方便地解析 JSON 数据，我们可以创建一个数据模型类，并使用 json_serializable 自动生成序列化和反序列化代码。

定义模型类

创建一个文件 user_model.dart：

import 'package:json_annotation/json_annotation.dart';

part 'user_model.g.dart'; // 自动生成的部分

@JsonSerializable()
class User {
   
   
  final int id;
  final String name;
  final String email;

  User({
   
   required this.id, required this.name, required this.email});

  // 工厂方法用于从 JSON 转换为对象
  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json)