Флаттер, состояние флажка не меняется, как?
У меня есть ListView
строитель, который создает несколько ListTitle
это с флажком внутри них.
когда я setState
на onChanged
на флажок значение не меняется.
class ProjectPage extends StatefulWidget {
final project;
ProjectPage({Key key, this.project}) : super(key: key);
@override
_ProjectPageState createState() => new _ProjectPageState();
}
class _ProjectPageState extends State<ProjectPage> {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Container(
child: Column(
children: <Widget>[
new Expanded(
child: new ListView.builder(
itemBuilder: (BuildContext context, int index) => new ItemsItem(item: widget.project.items[index]),
itemCount: widget.project.items.length,
),
),
],
),
),
);
}
}
class ItemsItem extends StatefulWidget {
final item;
ItemsItem({Key key, this.item}) : super(key: key);
@override
_ItemsItemState createState() => new _ItemsItemState();
}
class _ItemsItemState extends State<ItemsItem> {
final GlobalKey<ScaffoldState> _mainState = new GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
bool _isCompleted = widget.item.isCompleted;
return new ListTile(
key: _mainState,
title: new Row(
children: <Widget>[
new Expanded(child: new Text(widget.item.name)),
new Checkbox(
value: _isCompleted,
onChanged: (bool newValue) {
setState(() {
_isCompleted = newValue;
});
},
),
],
),
);
}
}
это не меняет значение
setState(() {
_isCompleted = newValue;
});
есть идеи?
редактировать: класс предметов
class Item {
final int id;
final String name;
final bool isCompleted;
Item({
this.id,
this.name,
this.isCompleted,
});
Item.fromJson(Map json)
: id = json['id'],
name = json['name'],
isCompleted = json['isCompleted'],
set isCompleted(bool value) {
isCompleted = value;
}
}
1 ответ
Решение
_isCompleted является локальной переменной внутри метода сборки. Когда состояние флажка изменяется, вы устанавливаете локальную переменную в новое значение. setState приводит к повторному вызову метода сборки, который извлекает старое и неизмененное значение из widget.item.isCompleted. Вам нужно установить widget.item.isCompleted на новое измененное значение:
setState(() {
widget.item.isCompleted = newValue;
});
Кстати, так как ваш ItemsItem - это просто ListTile, содержащий строку с текстом и флажком, вы должны использовать встроенный виджет CheckboxListTile.