问题描述
class MemberList extends StatefulWidget {
@override
_MemberListState createState() => _MemberListState();
}
class _MemberListState extends State<MemberList> {
@override
Widget build(BuildContext context) {
final members = Provider.of<List<Member>>(context);
final presentMembers = new List();
bool _present = false;
return ListView.builder(
scrollDirection: Axis.vertical,shrinkWrap: true,physics: ClampingScrollPhysics(),itemCount: members.length,itemBuilder: (context,index){
return Padding(
padding: EdgeInsets.only(top: 8.0),child: Card(
color: Colors.white,margin: EdgeInsets.fromLTRB(20.0,6.0,20.0,0),child: ListTile(
contentPadding: EdgeInsets.symmetric(horizontal: 20.0),title: Text(members[index].name,style: TextStyle(color: Colors.black,fontWeight: FontWeight.bold),),trailing: CheckBox(
value: members[index] != null,onChanged: (bool value) {
setState(() {
_present = value;
});
if(_present == true){
presentMembers.add(members[index].name);
}else{presentMembers.remove(members[index].name);}
},activeColor: Colors.black,);
}
);
}
}
在上面的代码中,如果看到“ _present”被重复创建,则进行编码。我想要该变量,使其仅限于该实例。因为使用此代码,发生的事情是每当我选中复选框时,它就会在几秒钟内被取消选中,因为在其他实例中,同一变量的值仍然为false。我的最终目标是获得一个动态的成员列表,该列表通过选中复选框来生成。我希望问题会很清楚。:))
解决方法
您应该将变量放在State类中,但应在build方法之外,如下所示:
class MemberList extends StatefulWidget {
@override
_MemberListState createState() => _MemberListState();
}
class _MemberListState extends State<MemberList> {
bool _present = false;
@override
Widget build(BuildContext context) {
final members = Provider.of<List<Member>>(context);
final presentMembers = new List();
return ListView.builder(
scrollDirection: Axis.vertical,shrinkWrap: true,physics: ClampingScrollPhysics(),itemCount: members.length,itemBuilder: (context,index){
return Padding(
padding: EdgeInsets.only(top: 8.0),child: Card(
color: Colors.white,margin: EdgeInsets.fromLTRB(20.0,6.0,20.0,0),child: ListTile(
contentPadding: EdgeInsets.symmetric(horizontal: 20.0),title: Text(members[index].name,style: TextStyle(color: Colors.black,fontWeight: FontWeight.bold),),trailing: Checkbox(
value: members[index] != null,onChanged: (bool value) {
setState(() {
_present = value;
});
if(_present == true){
presentMembers.add(members[index].name);
}else{presentMembers.remove(members[index].name);}
},activeColor: Colors.black,);
}
);
}
}