Flutter -将json数据解析为列表

import 'dart:convert';

import 'package:flutter/material.dart';

class Item {
  final String name;
  final int price;

  Item({required this.name, required this.price});

  factory Item.fromJson(Map<String, dynamic> json) {
    return Item(
      name: json['name'],
      price: json['price'],
    );
  }
}

class ItemsList extends StatelessWidget {
  final List<Item> items;

  ItemsList({required this.items});

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        return ListTile(
          title: Text(items[index].name),
          subtitle: Text('Price: \$${items[index].price}'),
        );
      },
    );
  }
}

void main() {
  String jsonString = '''
    [
      {"name": "Item 1", "price": 10},
      {"name": "Item 2", "price": 20},
      {"name": "Item 3", "price": 30}
    ]
  ''';

  List<dynamic> jsonList = json.decode(jsonString);

  List<Item> items = jsonList.map((json) => Item.fromJson(json)).toList();

  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(title: Text('Items List')),
      body: ItemsList(items: items),
    ),
  ));
}