如何使用API​​数据制作动态复选框？

Question

如何使用listView.builder（）进行操作并在flutter中单击

Answer 1

实现目标的简单方法，尝试一下

import 'package:flutter/material.dart';

class SimpleTest extends StatefulWidget {
  const SimpleTest({Key? key}) : super(key: key);

  @override
  State<SimpleTest> createState() => _SimpleTestState();
}

class _SimpleTestState extends State<SimpleTest> {
  List<int> selectedItem = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
              child: ListView.builder(
                  itemCount: 8,
                  shrinkWrap: true,
                  itemBuilder: (context, index) {
                    return Container(
                      padding: const EdgeInsets.all(8.0),
                      child: Row(
                        children: [
                          Expanded(
                            child: CheckboxListTile(
                              title: Text("Check Box$index"),
                              value: selectedItem.contains(index) ? true : false,
                              onChanged: (newValue) {
                                if (selectedItem.contains(index)) {
                                  selectedItem.remove(index);
                                } else {
                                  selectedItem.add(index);
                                }
                                setState(() {});
                              },
                              controlAffinity: ListTileControlAffinity.leading, //  <-- leading Checkbox
                            ),
                          )
                        ],
                      ),
                    );
                  }))
        ],
      ),
    );
  }
}