Flutter ToDo 列表复选框无法分配 bool
Flutter ToDo list checkbox cant assign bool
我正在尝试用 flutter 开发一个 ToDo 列表。
我运行列表的有状态小部件,其状态的构建方法如下所示:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('ToDo App'),
backgroundColor: const Color.fromRGBO(35, 0, 0, 100),
),
body: ListView.builder(
itemCount: products.length,
itemBuilder: (context, index) {
String key = products.keys.elementAt(index);
return ToDoListEntry(
key, products[key], () => deleteItem(key), () => check(key));
}),
floatingActionButton: FloatingActionButton(
onPressed: newEntry,
child: const Icon(Icons.arrow_downward),
),
);
}
}
函数 addItem(String item) 正在运行,还有函数 deleteItem(String key),我传递给 ToDoListEntry class 正在运行。
现在我尝试为 Checkbox 编写更新功能代码并将我的条目保存到 Map products:
Map<String, bool> products = {
'Kartoffel': false,
'Tomate': false,
'Käse': false,
'Wurst': false
};
当我现在将 products[key] 传递给我的 ToDoListEntry Widget 时,它说:“参数类型 'bool?' 无法分配给参数类型 'bool'”
什么是 'bool?' 我找不到任何解释。
ToDoListEmtry 看起来像这样:
class ToDoListEntry extends StatelessWidget {
final String title;
bool state;
final Function remove, check;
ToDoListEntry(this.title, this.state, this.remove, this.check);
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 22),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 8.0),
leading: Checkbox(
value: state,
onChanged: (bool value) => check(),
),
title: Text(
title,
style: TextStyle(fontSize: 18, color: Colors.black54),
),
trailing: IconButton(
icon: Icon(Icons.delete_outline),
onPressed: () => remove(),
),
),
);
}
}
Checkbox 中的 onChecked 方法出现问题:“参数类型 'void Function(bool)' 无法分配给参数类型 'void'”
对地图条目 products[key]
的引用必须以 !运算符,以保证它不会为空。
return ToDoListEntry(
key, products[key]!, () => deleteItem(key), () => check(key));
}),
出于某种原因,我的复选框的 onChanged
方法必须是 nullsafe
。错误没有指出这一点。
leading: Checkbox(
value: state,
onChanged: (bool? value) => check(),
),
我正在尝试用 flutter 开发一个 ToDo 列表。
我运行列表的有状态小部件,其状态的构建方法如下所示:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('ToDo App'),
backgroundColor: const Color.fromRGBO(35, 0, 0, 100),
),
body: ListView.builder(
itemCount: products.length,
itemBuilder: (context, index) {
String key = products.keys.elementAt(index);
return ToDoListEntry(
key, products[key], () => deleteItem(key), () => check(key));
}),
floatingActionButton: FloatingActionButton(
onPressed: newEntry,
child: const Icon(Icons.arrow_downward),
),
);
}
}
函数 addItem(String item) 正在运行,还有函数 deleteItem(String key),我传递给 ToDoListEntry class 正在运行。
现在我尝试为 Checkbox 编写更新功能代码并将我的条目保存到 Map
Map<String, bool> products = {
'Kartoffel': false,
'Tomate': false,
'Käse': false,
'Wurst': false
};
当我现在将 products[key] 传递给我的 ToDoListEntry Widget 时,它说:“参数类型 'bool?' 无法分配给参数类型 'bool'”
什么是 'bool?' 我找不到任何解释。
ToDoListEmtry 看起来像这样:
class ToDoListEntry extends StatelessWidget {
final String title;
bool state;
final Function remove, check;
ToDoListEntry(this.title, this.state, this.remove, this.check);
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 22),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 8.0),
leading: Checkbox(
value: state,
onChanged: (bool value) => check(),
),
title: Text(
title,
style: TextStyle(fontSize: 18, color: Colors.black54),
),
trailing: IconButton(
icon: Icon(Icons.delete_outline),
onPressed: () => remove(),
),
),
);
}
}
Checkbox 中的 onChecked 方法出现问题:“参数类型 'void Function(bool)' 无法分配给参数类型 'void'”
对地图条目 products[key]
的引用必须以 !运算符,以保证它不会为空。
return ToDoListEntry(
key, products[key]!, () => deleteItem(key), () => check(key));
}),
出于某种原因,我的复选框的 onChanged
方法必须是 nullsafe
。错误没有指出这一点。
leading: Checkbox(
value: state,
onChanged: (bool? value) => check(),
),