Flutter技术实现：从JSON文件读取数据并转换为对象

没问题，我来一步步帮你实现这个需求！下面是具体的操作步骤：

1. 先配置pubspec.yaml，声明你的JSON资源 #

首先得让Flutter识别到这个本地JSON文件，打开pubspec.yaml，在flutter节点下添加assets配置（注意缩进要和同级配置保持一致）：

flutter:
  assets:
    - Assets/JSON/example.json

2. 创建MyObject模型类 #

接下来定义对应的数据模型，把JSON字段映射到类的属性上，同时实现fromJson构造函数来完成JSON到对象的转换：

class MyObject {
  final String optiontext;
  final String optionvalue;

  MyObject({required this.optiontext, required this.optionvalue});

  // 从JSON解析为MyObject的工厂构造函数
  factory MyObject.fromJson(Map<String, dynamic> json) {
    return MyObject(
      optiontext: json['optiontext'],
      optionvalue: json['optionvalue'],
    );
  }

  // 可选：如果需要将对象转回JSON，可添加这个方法
  Map<String, dynamic> toJson() {
    return {
      'optiontext': optiontext,
      'optionvalue': optionvalue,
    };
  }
}

3. 编写读取和解析JSON的异步方法 #

写一个异步函数，负责加载assets中的JSON文件，解码后再转换成List<MyObject>：

import 'dart:convert';
import 'package:flutter/services.dart';

Future<List<MyObject>> loadMyObjects() async {
  // 加载JSON文件的字符串内容
  final String jsonString = await rootBundle.loadString('Assets/JSON/example.json');
  // 解码JSON为动态列表
  final List<dynamic> jsonList = jsonDecode(jsonString);
  // 遍历列表，将每个JSON元素转换为MyObject
  return jsonList.map((json) => MyObject.fromJson(json)).toList();
}

4. 使用示例：在页面中获取并展示数据 #

你可以通过FutureBuilder来异步处理数据加载，避免阻塞UI，示例代码如下：

FutureBuilder<List<MyObject>>(
  future: loadMyObjects(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      return ListView.builder(
        itemCount: snapshot.data!.length,
        itemBuilder: (context, index) {
          final myObj = snapshot.data![index];
          return ListTile(
            title: Text(myObj.optiontext),
            subtitle: Text(myObj.optionvalue),
          );
        },
      );
    } else if (snapshot.hasError) {
      return Text('加载出错：${snapshot.error}');
    }
    // 加载中显示加载指示器
    return const CircularProgressIndicator();
  },
)

这样就能顺利把本地JSON文件中的数据转换成MyObject列表并使用啦！

内容的提问来源于stack exchange，提问作者Tushar Pol