Checkbox 构造函数中调用了SetState()
我已经建立了一个保管清单。现在,我包含了一个复选框,如果我要选中或取消选中,将抛出以下错误:“setState()在构造函数中调用”Checkbox 构造函数中调用了SetState(),checkbox,flutter,setstate,statefulwidget,Checkbox,Flutter,Setstate,Statefulwidget,我已经建立了一个保管清单。现在,我包含了一个复选框,如果我要选中或取消选中,将抛出以下错误:“setState()在构造函数中调用” class Lists extends StatefulWidget{ @override _List createState() => _List(); } class _List extends State<Lists> { bool checkedvalue = true; @override Widge
class Lists extends StatefulWidget{
@override
_List createState() => _List();
}
class _List extends State<Lists> {
bool checkedvalue = true;
@override
Widget build(BuildContext context) {
return futureBuilder();
}
Widget futureBuilder(){
var futureBuilder = new FutureBuilder(
future: rest.fetchPost(),
builder: (BuildContext context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
case ConnectionState.waiting:
return new Text('loading...');
default:
if (snapshot.hasError)
return new Text('Error: ${snapshot.error}');
else
return listBuilder(context, snapshot);
}
}
);
return new Scaffold(
body: futureBuilder,
);
}
Widget listBuilder(BuildContext context, AsyncSnapshot snapshot) {
List<rest.Status> values = snapshot.data;
if (values == null || values.length == 0){
return null;
}
int items = values.length;
return ListView.builder(
itemCount: items,
itemBuilder: (BuildContext context, int index) {
String statusText;
Image image ;
Uint8List bytes;
if(statusList.globalStatus != null){
for(int i=0;i< statusList.globalStatus.length; i++){
if(values[index].statusID == statusList.globalStatus[i].id){
if(statusList.globalStatus[i].kurzform != null){
statusText = statusList.globalStatus[i].kurzform;
}else{
statusText = statusList.globalStatus[i].kurzform;
}
if (statusList.globalStatus[i].icon != null){
bytes = base64Decode(statusList.globalStatus[i].icon);
image = new Image.memory(bytes) ;
}
}
if(image== null || statusText == null){
statusText= 'Kein Status';
image= new Image.asset('assets/null.png');
}
}
}
return new Container(
decoration: new BoxDecoration(
border: Border(top: BorderSide(
color: Colors.black26,
width: 1
)
)
),
child:Column(
children: <Widget>[
CustomListItemTwo(
statusText: statusText,
status:image,
materialNR: values[index].uArtText,
material: values[index].untersuchungsMaterialName,
probenArt: values[index].probenart,
eingansdatum: values[index].eingangsdatumText,
patient: values[index].vorname + ' ' + values[index].nachname ,
geburtsdatum: values[index].geburtstagText ,
),
Checkbox(
value: checkedvalue ,
onChanged: (bool newValue) =>
setState(() {
checkedvalue = newValue;
})
),
]
),
);
}
);
}
}
类列表扩展了StatefulWidget{
@凌驾
_List createState()=>_List();
}
类_列表扩展状态{
bool checkedvalue=true;
@凌驾
小部件构建(构建上下文){
returnfuturebuilder();
}
Widget futureBuilder(){
var futureBuilder=新的futureBuilder(
future:rest.fetchPost(),
生成器:(BuildContext上下文,异步快照){
交换机(快照.连接状态){
案例连接状态。无:
案例连接状态。正在等待:
返回新文本('加载…');
违约:
if(snapshot.hasError)
返回新文本('Error:${snapshot.Error}');
其他的
返回listBuilder(上下文、快照);
}
}
);
归还新脚手架(
正文:未来建设者,
);
}
小部件listBuilder(构建上下文上下文,异步快照){
列表值=snapshot.data;
if(value==null | | values.length==0){
返回null;
}
int items=values.length;
返回ListView.builder(
项目计数:项目,
itemBuilder:(构建上下文,int索引){
字符串状态文本;
图像;
Uint8List字节;
if(statusList.globalStatus!=null){
对于(int i=0;i
设置状态(){
checkedvalue=newValue;
})
),
]
),
);
}
);
}
}
I/颤振(5067):══╡ 用手势捕捉异常╞═══════════════════════════════════════════════════════════════════
I/flatter(5067):处理手势时抛出以下断言:
I/flatter(5067):在构造函数中调用setState():_List#9044e(生命周期状态:已创建,无小部件,未装入)
I/flatter(5067):当您对尚未插入到中的小部件的状态对象调用setState()时,就会发生这种情况
I/flatter(5067):小部件树还没有出现。无需在构造函数中调用setState(),因为状态为
I/flatter(5067):最初创建时已假定为脏代码。我下面的代码不是测试代码 代码中有一个概念错误。您应该不要获取构建方法中的任何内容 如果你在你的构建方法中添加一个打印,例如“building…”(如下所示),你就会明白为什么。调用build方法的次数超出了您的想象。因此,如果您多次调用Web服务或其他服务,响应将出现多次。实际上,
setState()
方法将触发生成
如果要在开始时提取某些内容,请使用initState()
方法。此方法将在创建状态时调用一次。使用变量作为调用的状态,并在build方法中对其作出反应(如前面所述,setState()
将触发重建)
我对您的代码进行了一点重构,记住了这个概念,您的切换/复选框问题可能会消失
还请看一下如何使用期货
类列表扩展了StatefulWidget{
@凌驾
_List createState()=>_List();
}
类列表扩展了状态{
bool checkedvalue=true;
布尔加载=真;
AsyncSnapshot AsyncSnapshot=null;
@凌驾
void initState(){
futureBuilder();
super.initState();
}
@凌驾
小部件构建(构建上下文){
打印(“建筑…”);
if(asyncSnapshot!=null&&asyncSnapshot.hasError){
返回文本(“错误:${asyncsapshot.Error}”);
}
返回(加载)?文本(“加载”):listBuilder(上下文,异步快照);
}
void futureBuilder()异步{
rest.fetchPost().then((快照){
交换机(快照.连接状态){
案例连接状态。无:
案例连接状态。正在等待:
设置状态(){
加载=真;
});
打破
违约:
if(snapshot.hasError){
设置状态(){
加载=假;
});
}否则{
设置状态(){
装载=
class Lists extends StatefulWidget {
@override
_List createState() => _List();
}
class _List extends State<Lists> {
bool checkedvalue = true;
bool loading = true;
AsyncSnapshot asyncSnapshot = null;
@override
void initState() {
futureBuilder();
super.initState();
}
@override
Widget build(BuildContext context) {
print("building...");
if(asyncSnapshot != null && asyncSnapshot.hasError){
return Text("Error : ${asyncSnapshot.error}");
}
return (loading) ? Text("LOADING") : listBuilder(context, asyncSnapshot);
}
void futureBuilder() async {
rest.fetchPost().then((snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
case ConnectionState.waiting:
setState(() {
loading = true;
});
break;
default:
if (snapshot.hasError) {
setState(() {
loading = false;
});
} else {
setState(() {
loading = false;
asyncSnapshot = snapshot;
});
}
}
});
}
.....