Flutter如何从json数据创建列表

import 'dart:convert';

import 'package:flutter/material.dart';

class MyListItem {
  final String title;
  final String subtitle;

  MyListItem({required this.title, required this.subtitle});

  factory MyListItem.fromJson(Map<String, dynamic> json) {
    return MyListItem(
      title: json['title'],
      subtitle: json['subtitle'],
    );
  }
}

class MyListPage extends StatefulWidget {
  @override
  _MyListPageState createState() => _MyListPageState();
}

class _MyListPageState extends State<MyListPage> {
  List<MyListItem> items = [];

  @override
  void initState() {
    super.initState();
    // 模拟从网络获取JSON数据
    String jsonData = '''
      [
        {"title": "Item 1", "subtitle": "Subtitle 1"},
        {"title": "Item 2", "subtitle": "Subtitle 2"},
        {"title": "Item 3", "subtitle": "Subtitle 3"}
      ]
    ''';
    List<dynamic> jsonList = json.decode(jsonData);
    items = jsonList.map((json) => MyListItem.fromJson(json)).toList();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My List'),
      ),
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(items[index].title),
            subtitle: Text(items[index].subtitle),
          );
        },
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: MyListPage(),
  ));
}