在构造函数中调用 SetState()
SetState() called in constructor
我已经建立了一个自定义列表。现在我包含一个复选框,如果我要选中或取消选中,则会引发以下错误:'setState() called in constructor'
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;
})
),
]
),
);
}
);
}
}
I/flutter ( 5067): ══╡ 手势异常 ╞════════════════════════════ lu
I/flutter ( 5067): 处理手势时抛出以下断言:
I/flutter(5067):在构造函数中调用了 setState():_List#9044e(生命周期状态:已创建,无小部件,未安装)
I/flutter ( 5067 ): 当你调用 setState() 的 State 对象时,会发生这种情况
I/flutter ( 5067 ): widget 树还没。不必在构造函数中调用 setState(),因为状态是
I/flutter ( 5067): 最初创建时已经假定为脏的。
我下面的代码不是testet。
您的代码中存在概念错误。你应该不在你的构建方法中获取任何东西!
如果你打印了,例如"building..." 在你的 build-method 中(就像我在下面所做的那样)你会明白为什么。构建方法的调用次数超出您的想象。因此,您多次调用 WebService 或其他任何东西,响应将不止一次。实际上 setState()
方法将触发构建。
如果你想在开头拉一些东西,使用initState()
方法。创建状态时将调用一次此方法。对调用状态使用变量并在构建方法中对其做出反应(如前所述setState()
将触发重建)。
我稍微重构了你的代码,考虑到这个概念,你的 switch/checkbox 问题可能会消失。
另外请看一下如何使用 Futures https://api.flutter.dev/flutter/dart-async/Future-class.html
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;
});
}
}
});
}
.....
我已经建立了一个自定义列表。现在我包含一个复选框,如果我要选中或取消选中,则会引发以下错误:'setState() called in constructor'
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;
})
),
]
),
);
}
);
}
}
I/flutter ( 5067): ══╡ 手势异常 ╞════════════════════════════ lu I/flutter ( 5067): 处理手势时抛出以下断言: I/flutter(5067):在构造函数中调用了 setState():_List#9044e(生命周期状态:已创建,无小部件,未安装) I/flutter ( 5067 ): 当你调用 setState() 的 State 对象时,会发生这种情况 I/flutter ( 5067 ): widget 树还没。不必在构造函数中调用 setState(),因为状态是 I/flutter ( 5067): 最初创建时已经假定为脏的。
我下面的代码不是testet。
您的代码中存在概念错误。你应该不在你的构建方法中获取任何东西!
如果你打印了,例如"building..." 在你的 build-method 中(就像我在下面所做的那样)你会明白为什么。构建方法的调用次数超出您的想象。因此,您多次调用 WebService 或其他任何东西,响应将不止一次。实际上 setState()
方法将触发构建。
如果你想在开头拉一些东西,使用initState()
方法。创建状态时将调用一次此方法。对调用状态使用变量并在构建方法中对其做出反应(如前所述setState()
将触发重建)。
我稍微重构了你的代码,考虑到这个概念,你的 switch/checkbox 问题可能会消失。
另外请看一下如何使用 Futures https://api.flutter.dev/flutter/dart-async/Future-class.html
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;
});
}
}
});
}
.....