如何在flutter中仅从json中选择一项

{
  "items": [
    {"id": 1, "name": "Item 1"},
    {"id": 2, "name": "Item 2"},
    {"id": 3, "name": "Item 3"}
  ]
}

import 'package:json_annotation/json_annotation.dart';

part 'item_model.g.dart';

@JsonSerializable()
class Item {
  final int id;
  final String name;

  Item(this.id, this.name);

  factory Item.fromJson(Map<String, dynamic> json) => _$ItemFromJson(json);
  Map<String, dynamic> toJson() => _$ItemToJson(this);
}

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

Future<List<Item>> fetchItems() async {
  final response = await http.get('https://example.com/items.json');
  if (response.statusCode == 200) {
    final jsonList = json.decode(response.body)['items'] as List;
    return jsonList.map((json) => Item.fromJson(json)).toList();
  } else {
    throw Exception('Failed to fetch items');
  }
}

import 'package:flutter/material.dart';

class ItemListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Item List'),
      ),
      body: FutureBuilder<List<Item>>(
        future: fetchItems(),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            final items = snapshot.data;
            return ListView.builder(
              itemCount: items.length,
              itemBuilder: (context, index) {
                final item = items[index];
                return ListTile(
                  title: Text(item.name),
                  onTap: () {
                    // 处理选中项的逻辑
                  },
                );
              },
            );
          } else if (snapshot.hasError) {
            return Text('Error: ${snapshot.error}');
          } else {
            return CircularProgressIndicator();
          }
        },
      ),
    );
  }
}