如何为颤振中的一项添加复选框

问题描述:

好的,基本上我的复选框有这个问题,我实际上构建了一个 todolist 应用程序,所以我需要一个复选框小部件来检查您完成的所有活动。 但是有一个问题,当我想检查一个活动时,所有活动都会同时检查。 我已经阅读了小部件的颤振页面上的所有内容,但我不明白我可以只检查一个项目而不提前定义它。 如果你能帮我解决这个问题,那就太好了。

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

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

 @override
 _HomeState createState() => _HomeState();
 }

 class _HomeState extends State<Home> {
 List todos = [];
 String input = "";
@override
bool checkedValue =  false;
void initState() {
super.initState();
todos.add("Item1");
todos.add("Item2");
todos.add("Item3");
todos.add("Item4");

 }
 @override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    title: Text("TASKS",style: TextStyle(
      fontFamily: "BaksoSapi",
    ),),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      showDialog(context: context, builder: (BuildContext context){
        return AlertDialog(
          title: Text("Add Todolist !"),
          content: TextField(
            onChanged: (String value){
              input = value;
            },
          ),
          actions: <Widget>[
            FlatButton(onPressed: (){setState(() {
              todos.add(input);
            });

            }, child: Text("Add"))
          ],
        );
      });
    },
  child: Icon(Icons.add,
              color: Colors.white,
  ),
  ),
  body: ListView.builder(
      itemCount: todos.length,
      itemBuilder:(BuildContext context,int index){
        return Dismissible(key: Key(todos[index]),
          child: Card(
            elevation: 4,
            margin: EdgeInsets.all(8),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadiusDirectional.circular(8)
            ),
          child: CheckboxListTile(
            title: Text(todos[index]),
            controlAffinity: ListTileControlAffinity.leading,
            activeColor: Colors.redAccent,
            value: checkedValue,onChanged: (newValue){
              setState(() {
                checkedValue = newValue!;
              });
          },
            ),
        ),);
      },
      )
    );

解决方法:

好的,所以您声明了一个List来存储您的项目,以及一个bool checkedValue来存储您的值项目是否被选中。

但显而易见的问题是,您只声明了一个 bool但您可能拥有无限数量的项目。 当你改变 one 值时,你认为会发生什么?

解决此问题的最简单方法是简单地将 bool 设为列表,如下所示:

List<bool> checkedValues = [];

然后,每当您向项目列表中添加新项目时,您都需要将false添加到checkedValues列表中。

todos.add("Item1");
todos.add("Item2");
todos.add("Item3");
todos.add("Item4");
checkedValues.addAll([false, false, false, false]);

然后,您只需更改 value 和 onChanged 属性,如下所示:

value: checkedValues[index],onChanged: (newValue){
              setState(() {
                checkedValues[index] = newValue!;
              });

这种方法有一个小问题,那就是如果每次添加待办事项时忘记添加 bool,您的应用程序将无法运行。 要解决这个问题,您可以编写一个包含字符串和 bool 值的类,并且只有一个列表。

未经允许不得转载:芯片验证自学网-IC设计入门自学网站 » 如何为颤振中的一项添加复选框

赞 (68) 打赏

觉得文章有用就打赏一下文章作者

微信扫一扫打赏