flutter如何解析json文件

在Flutter项目中，如何正确解析本地的JSON文件？我尝试使用jsonDecode但总是报格式错误。是否需要先读取文件内容？具体应该使用什么方法来实现？希望能提供一个完整的代码示例，包括文件读取和解析的步骤。另外，如果JSON文件较大，是否会存在性能问题？

2 回复

在Flutter中解析JSON文件，可使用dart:convert库的json.decode()方法。步骤如下：

  1. 读取文件：File('path').readAsString()
  2. 解析JSON：json.decode(jsonString)
  3. 转换为模型类（可选）：使用json_annotation库自动生成代码。

更多关于flutter如何解析json文件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中解析JSON文件，推荐使用以下方法：

1. 手动解析（适用于简单JSON）

import 'dart:convert';

// 解析JSON字符串
Map<String, dynamic> user = jsonDecode(jsonString);
String name = user['name'];
int age = user['age'];

// 解析本地JSON文件
String jsonString = await rootBundle.loadString('assets/data.json');
Map<String, dynamic> data = jsonDecode(jsonString);

2. 使用模型类（推荐用于复杂JSON）

步骤1：添加依赖

dependencies:
  json_annotation: ^4.8.1

dev_dependencies:
  build_runner: ^2.4.4
  json_serializable: ^6.7.1

步骤2：创建模型类

import 'package:json_annotation/json_annotation.dart';

part 'user.g.dart';

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

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

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
  Map<String, dynamic> toJson() => _$UserToJson(this);
}

步骤3：生成代码

flutter pub run build_runner build

步骤4：使用模型类解析

// 解析JSON文件
String jsonString = await rootBundle.loadString('assets/user.json');
Map<String, dynamic> userMap = jsonDecode(jsonString);
User user = User.fromJson(userMap);

// 或者直接使用
User user = User.fromJson(jsonDecode(jsonString));

3. 在线工具生成模型类

可以使用 quicktype.io 网站，直接将JSON数据粘贴，选择Dart语言，即可自动生成模型类代码。

注意事项：

  • 确保在 pubspec.yaml 中声明JSON文件路径
  • 处理可能的解析异常
  • 对于网络请求返回的JSON，解析方法相同

这种方法既保证了类型安全，又提高了代码的可维护性。

回到顶部