Flutter 练习（二）：两种方式模拟本地 JSON 数据

2023-10-23 17:19:50

引言：

在 Flutter 开发中，模拟本地 JSON 数据是构建和测试应用程序的关键方面。它使我们能够创建逼真的数据环境，而无需依赖外部网络请求。本文将探究模拟本地 JSON 数据的两种不同方法，即使用 JsonDecoder 和创建自定义数据类。

方法一：使用 JsonDecoder

JsonDecoder 是 Dart 中的一个内置库，它提供了解析 JSON 字符串的简单方法。下面是如何使用 JsonDecoder 模拟本地 JSON 数据：

import 'dart:convert';

void main() {
  // 从字符串解析 JSON 数据
  var jsonStr = '{ "name": "John Doe", "age": 30 }';
  var decodedJson = JsonDecoder().convert(jsonStr);

  // 打印解析后的 JSON 数据
  print(decodedJson);
}

在这种方法中，我们将 JSON 字符串解析为一个 Map，然后可以访问其中的键值对。

方法二：创建自定义数据类

创建自定义数据类是模拟本地 JSON 数据的另一种更结构化的方法。它涉及创建与 JSON 数据结构相对应的类。

例如，如果我们的 JSON 数据具有以下结构：

{
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main Street",
    "city": "Anytown",
    "state": "CA",
    "zip": "12345"
  }
}

我们将创建以下自定义数据类：

class Person {
  String name;
  int age;
  Address address;

  Person(this.name, this.age, this.address);
}

class Address {
  String street;
  String city;
  String state;
  int zip;

  Address(this.street, this.city, this.state, this.zip);
}

然后，我们可以使用这些类来解析 JSON 数据：

var jsonStr = '{
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main Street",
    "city": "Anytown",
    "state": "CA",
    "zip": "12345"
  }
}';

var person = Person.fromJson(json.decode(jsonStr));