Flutter :如何从JSON创建收藏列表

class FavoriteItem {
  final String title;
  final String description;
  final String imageUrl;

  FavoriteItem({required this.title, required this.description, required this.imageUrl});
}

import 'dart:convert';
import 'package:http/http.dart' as http;

Future<List<FavoriteItem>> fetchFavoriteItems() async {
  final response = await http.get(Uri.parse('https://example.com/favorite-items.json'));

  if (response.statusCode == 200) {
    final jsonData = json.decode(response.body);
    final List<FavoriteItem> favoriteItems = [];

    for (var item in jsonData) {
      favoriteItems.add(FavoriteItem(
        title: item['title'],
        description: item['description'],
        imageUrl: item['imageUrl'],
      ));
    }

    return favoriteItems;
  } else {
    throw Exception('Failed to fetch favorite items');
  }
}

import 'package:flutter/material.dart';

class FavoriteListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Favorite List'),
      ),
      body: FutureBuilder<List<FavoriteItem>>(
        future: fetchFavoriteItems(),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            final favoriteItems = snapshot.data!;

            return ListView.builder(
              itemCount: favoriteItems.length,
              itemBuilder: (context, index) {
                final item = favoriteItems[index];

                return ListTile(
                  title: Text(item.title),
                  subtitle: Text(item.description),
                  leading: Image.network(item.imageUrl),
                );
              },
            );
          } else if (snapshot.hasError) {
            return Text('Error: ${snapshot.error}');
          }

          return Center(child: CircularProgressIndicator());
        },
      ),
    );
  }
}