SetState () вызывается в конструкторе

Question

Я построил Custemized список. Теперь я включаю флажок и, если я буду отмечен или не отмечен, выдается следующая ошибка: 'setState () вызывается в конструкторе'

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 / трепетание (5067): ══╡ ИСКЛЮЧЕНИЕ ЗАДЕРЖАНО ЖЕСТОМ ═══════════════════════════════════ I / flutter (5067): при обработке жеста было выдвинуто следующее утверждение: I / flutter (5067): setState () вызывается в конструкторе: _List # 9044e (состояние жизненного цикла: создано, виджет отсутствует, не смонтирован) I / flutter (5067): это происходит, когда вы вызываете setState () для объекта State для виджета, который не был вставлен в I / flutter (5067): дерево виджетов пока отсутствует. Нет необходимости вызывать setState () в конструкторе, так как состояние I / flutter (5067): предполагается, что он уже загрязнен при первоначальном создании.

Answer 1

Мой код ниже не тестовый.

В вашем коде есть концептуальная ошибка.Вы должны НЕ получить что-либо внутри вашего метода сборки!

Если вы добавите в свой метод построения, например, "building ..." (как я сделал ниже), вы поймете почему.Метод сборки вызывается чаще, чем вы думаете.Таким образом, вы вызываете WebService или что-то более одного раза, ответ придет более одного раза.На самом деле метод setState() вызовет сборку.

Если вы хотите что-то потянуть в начале, используйте метод initState().Этот метод будет вызван один раз при создании состояния.Используйте переменные для состояния вызова и реагируйте на него в методе сборки (как было сказано выше setState() вызовет перестройку).

Я немного реорганизовал ваш код, имея в виду эту концепцию, ваш переключатель/ 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;
            });
          }
      }
    });
  }
  .....