使用自定义类属性更改 CheckBox 值

Question

这是我第一次在这里发帖，如果我做错了，我深表歉意。

我创建了一个带有布尔字段的自定义类来控制 CheckBox 状态/值：

class CustomModel {
static const TITLE_KEY = 'title';

  String id;
  String title;
  bool isChecked = false;

  void setIsChecked(bool isChecked) {
    this.isChecked = isChecked;
  }

  bool getIsChecked() {
    return isChecked;
  }

  CustomModel(Map<String, dynamic> ex) {
    title = ex[TITLE_KEY];
  }
}

在我的 CheckBox 小部件中：

return new ExpansionTile(
                title: const Text('Title'),
                backgroundColor: Colors.grey[100],
                children: snapshot.data.documents
                    .map((DocumentSnapshot document) {
                  CustomModel ex = new CustomModel(document.data);
                  return new ListTile(
                    title: new Text(ex.title),
                    trailing: new Checkbox(
                        value: ex.getIsChecked(),
                        onChanged: (bool value) {
                          setState(() {                             
                            ex.setIsChecked(value);
                          });
                        }),
                  );
                }).toList());
          }),

CheckBox 在单击时不会改变（有点闪烁）。日志显示 CheckBox 是“false”然后是“true”，但是如果我再次单击同一个 CheckBox，日志会显示“false”然后是“true”，所以它似乎没有更新该字段。

当我在 Java 中执行此操作时，我不必将值设置为“isChecked”，但如果我不这样做，Flutter 会抛出错误。

I/flutter ( 6408): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════

I/flutter (6408)：在构建 StreamBuilder(dirty, state: 我/颤振（6408）：_StreamBuilderBaseState>#0512c）： I/flutter（6408）：'package：flutter/src/material/checkbox.dart'：断言失败：第 63 行：'tristate ||价值！= I/flutter (6408): null': 不正确。

提前谢谢你！

Answer 1

我假设return new ExpansionTile(..); 在您的StatefulWidget 类的build() 方法中。所以当你调用setState()时，它会重新构建小部件，这意味着再次调用return new ExpansionTile(..);。由于您的 CustomModel ex = new CustomModel(document.data); 也将再次实例化，并且 isChecked 届时将是错误的。所以解决方案是将你所有的构建CustomModel 列表从firestore 放到initState() 中。

就是这个想法，（可能有一些语法错误，因为我直接写在这里）。

class MyWidget extends StatefulWidget {
   State createState() => new MyWidgetState();  } 

class MyWidgetState extends State<MyWidget> {
  List<CustomModel> customModels = []; 
  @override 
  initState() {
     //use listener to fetch data  
     Firestore.instance.collection("name").snapshots.listen((snapshot) {
        for (var doc in snapshot.documents) {
            CustomModel ex = new CustomModel(fieldname: doc['fieldname]);
            customModels.add(ex); 
        }

       }
    }

   @override
   Widget build(BuildContext) {
     return new ExpansionTile(
                title: const Text('Title'),
                backgroundColor: Colors.grey[100],
                children: customModels.map((CustomModel ex) {
                  return new ListTile(
                    title: new Text(ex.title),
                    trailing: new Checkbox(
                        value: ex.getIsChecked(),
                        onChanged: (bool value) {
                          setState(() {                             
                            ex.setIsChecked(value);
                          });
                        }),
                  );
                }).toList());
          }),
     }    

}