如何在Flutter中删除列表中的勾选单词

在Flutter中删除列表中的勾选单词，可以通过以下步骤实现：

创建一个包含单词和勾选状态的数据模型，例如：

class Word {
  String word;
  bool isChecked;

  Word({required this.word, this.isChecked = false});
}

创建一个包含单词列表的状态管理类，用于管理单词的添加、删除和勾选状态的更新，例如：

class WordListManager {
  List<Word> words = [];

  void addWord(String word) {
    words.add(Word(word: word));
  }

  void removeCheckedWords() {
    words.removeWhere((word) => word.isChecked);
  }

  void updateWordCheckedStatus(int index, bool isChecked) {
    words[index].isChecked = isChecked;
  }
}

在Flutter界面中，使用ListView.builder构建一个展示单词列表的界面，并提供删除勾选单词的按钮，例如：

class WordListScreen extends StatefulWidget {
  @override
  _WordListScreenState createState() => _WordListScreenState();
}

class _WordListScreenState extends State<WordListScreen> {
  WordListManager manager = WordListManager();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Word List'),
      ),
      body: ListView.builder(
        itemCount: manager.words.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(manager.words[index].word),
            leading: Checkbox(
              value: manager.words[index].isChecked,
              onChanged: (isChecked) {
                setState(() {
                  manager.updateWordCheckedStatus(index, isChecked!);
                });
              },
            ),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            manager.removeCheckedWords();
          });
        },
        child: Icon(Icons.delete),
      ),
    );
  }
}

这样，当用户在界面中勾选单词时，勾选状态会更新到数据模型中，点击删除按钮时，会删除所有勾选的单词。