在Flutter中保存API中的列表项

class ListItem {
  final int id;
  final String title;
  final String description;

  ListItem({required this.id, required this.title, required this.description});
}

import 'package:dio/dio.dart';

Future<List<ListItem>> fetchListItems() async {
  try {
    Response response = await Dio().get('API_URL');
    List<dynamic> data = response.data;

    List<ListItem> listItems = data.map((item) {
      return ListItem(
        id: item['id'],
        title: item['title'],
        description: item['description'],
      );
    }).toList();

    return listItems;
  } catch (error) {
    throw Exception('Failed to fetch list items: $error');
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class ListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('List Screen'),
      ),
      body: Consumer<List<ListItem>>(
        builder: (context, listItems, _) {
          if (listItems.isEmpty) {
            return Center(
              child: CircularProgressIndicator(),
            );
          } else {
            return ListView.builder(
              itemCount: listItems.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text(listItems[index].title),
                  subtitle: Text(listItems[index].description),
                );
              },
            );
          }
        },
      ),
    );
  }
}