如何在flutter中使用Json添加多个带有复选框列表瓦片的扩展瓦片

class ListItem {
  bool isChecked;
  String title;
  // 其他相关信息

  ListItem({this.isChecked = false, this.title});
}

import 'dart:convert';

List<ListItem> parseJson(String jsonStr) {
  final parsed = json.decode(jsonStr).cast<Map<String, dynamic>>();
  return parsed.map<ListItem>((json) => ListItem.fromJson(json)).toList();
}

class ListItem {
  // ...

  factory ListItem.fromJson(Map<String, dynamic> json) {
    return ListItem(
      isChecked: json['isChecked'] ?? false,
      title: json['title'],
      // 解析其他相关信息
    );
  }
}

ListView.builder(
  itemCount: listItems.length,
  itemBuilder: (BuildContext context, int index) {
    return CheckboxListTile(
      value: listItems[index].isChecked,
      title: Text(listItems[index].title),
      onChanged: (bool value) {
        // 更新选中状态
        setState(() {
          listItems[index].isChecked = value;
        });
      },
    );
  },
)

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter JSON List',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<ListItem> listItems = [];

  @override
  void initState() {
    super.initState();
    // 模拟从JSON数据获取列表项
    String jsonStr = '''
      [
        {"isChecked": false, "title": "Item 1"},
        {"isChecked": true, "title": "Item 2"},
        {"isChecked": false, "title": "Item 3"}
      ]
    ''';
    listItems = parseJson(jsonStr);
  }

  List<ListItem> parseJson(String jsonStr) {
    final parsed = json.decode(jsonStr).cast<Map<String, dynamic>>();
    return parsed.map<ListItem>((json) => ListItem.fromJson(json)).toList();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('JSON List'),
      ),
      body: ListView.builder(
        itemCount: listItems.length,
        itemBuilder: (BuildContext context, int index) {
          return CheckboxListTile(
            value: listItems[index].isChecked,
            title: Text(listItems[index].title),
            onChanged: (bool value) {
              setState(() {
                listItems[index].isChecked = value;
              });
            },
          );
        },
      ),
    );
  }
}

class ListItem {
  bool isChecked;
  String title;

  ListItem({this.isChecked = false, this.title});

  factory ListItem.fromJson(Map<String, dynamic> json) {
    return ListItem(
      isChecked: json['isChecked'] ?? false,
      title: json['title'],
    );
  }
}