我想将动态Json转换为Dart中的模型。和显示为listView可扩展小部件

dependencies:
  json_annotation: ^4.4.0
  json_serializable: ^4.1.4

dev_dependencies:
  build_runner: ^2.1.4

{
  "name": "John",
  "age": 25,
  "email": "john@example.com"
}

import 'package:json_annotation/json_annotation.dart';

part 'person.g.dart';

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

  Person({this.name, this.age, this.email});

  factory Person.fromJson(Map<String, dynamic> json) => _$PersonFromJson(json);
  Map<String, dynamic> toJson() => _$PersonToJson(this);
}

flutter pub run build_runner build

import 'dart:convert';

void main() {
  String jsonStr = '{"name": "John", "age": 25, "email": "john@example.com"}';
  Map<String, dynamic> json = jsonDecode(jsonStr);

  Person person = Person.fromJson(json);
  print(person.name); // 输出：John
  print(person.age); // 输出：25
  print(person.email); // 输出：john@example.com

  Map<String, dynamic> newJson = person.toJson();
  String newJsonStr = jsonEncode(newJson);
  print(newJsonStr); // 输出：{"name":"John","age":25,"email":"john@example.com"}
}

import 'package:flutter/material.dart';

void main() {
  List<Person> persons = [
    Person(name: "John", age: 25, email: "john@example.com"),
    Person(name: "Alice", age: 30, email: "alice@example.com"),
    Person(name: "Bob", age: 35, email: "bob@example.com"),
  ];

  runApp(MyApp(persons: persons));
}

class MyApp extends StatelessWidget {
  final List<Person> persons;

  MyApp({this.persons});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Person List'),
        ),
        body: ListView.builder(
          itemCount: persons.length,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text(persons[index].name),
              subtitle: Text('Age: ${persons[index].age}'),
              onTap: () {
                // 处理列表项点击事件
              },
            );
          },
        ),
      ),
    );
  }
}