【问题标题】:Implementing setState causes Infinite Loop Flutter实现 setState 导致 Infinite Loop Flutter
【发布时间】:2018-06-19 20:40:00
【问题描述】:

我是 Flutter 的新手,遇到了状态问题。如果有人可以帮助我,我将不胜感激。

所以我最初将 Flutter 下拉菜单的项目设置为一个列表,我们将其称为 List l 它也是值,它将称为变量 v。

然后在父小部件的开头,在构建之前,我调用一个从 sqlflite 数据库获取一些信息的方法。当它返回时,我创建一个新的下拉菜单项列表并实现新状态。 我将 List l 设置为新创建的,并将 value 设置为 List 第一项的第一个值,以便下拉菜单重新呈现。

这似乎工作正常,除了从数据库获取信息的方法不断被调用导致无限循环。并冻结我的应用程序。有谁知道我做错了什么?

非常感谢!

    // Declaring variables
    List<DropdownMenuItem> _classList;

    String _chosenClass;


    initState:

    @override

    void initState() {

     _classList = [DropdownMenuItem(

       child: Text("Choose Class"),

       value: null,)];

     _chosenClass = _classList.first.value;

     super.initState();

    }


    // Get info from sqlflite database: 

    getClassesToDisplay() {

     debugPrint("Works");

     getDatabaseInstances(tableClass, [className]).then((classNames){

       if(classNames.length > 0){

         List<DropdownMenuItem> tempList =[];

         classNames.forEach((classArg){

           tempList.add(

               DropdownMenuItem(

                 child: Text(classArg[className]),

                 value: classArg[className],

               )

           );

         });

         debugPrint("TEMPLIST: ${tempList}");

         setState(() {

           _classList = tempList;

           _chosenClass = tempList.first.value;

         });

       }


     });


    }


    // Build:

    @override

    Widget build(BuildContext context) {

     getClassesToDisplay();

     debugPrint("BLAHHHH");

     return new Scaffold(

       appBar: new AppBar(

         title: new Text("Your Classes"),

       ),

       body: Column(

         children: <Widget>[

           Container(

             margin: EdgeInsets.only(top: 10.0, left: 10.0),

             child: raisedButtonMaker("Tap to add a class", (){

               Navigator.pushNamed(context, '/add_seek');

             }, Theme.of(context).primaryColor, context)

           ,),

           DropdownButton(

             value: _chosenClass, //value of currently picked item

             items: _classList,

             onChanged: (value){ //update value of dropDown to what was just chosen

               setState(() {

                 _chosenClass = value;

               });

             },

           ),

         ],

       ),

     );

    }

【问题讨论】:

标签: android ios sqlite dart flutter


【解决方案1】:

getClassesToDisplay() 以延迟 (then) 调用 setState(),这会导致运行 build(),从而调用 getClassesToDisplay() - 简单的无限循环。

build() 中删除getClassesToDisplay() 并改为从initState() 调用它。

【讨论】:

  • 谢谢。所以 setState 总是重新构建整个父窗口小部件?我认为它只会重建状态发生变化的特定部分——就像这个例子中的 dropDownMenu 一样。
  • setState() 是小部件的方法。如果你调用它,这个小部件将被重建。您问题中的代码缺少小部件类名称,这样更容易指向;-) 它是包含您问题中所有代码的小部件。
  • 谢谢。这是有道理的。现在我确切地知道 build 方法何时执行,这将有助于解决很多问题。再次感谢!!!
  • 抱歉,还有一件事。如果我希望每次导航到小部件所在的屏幕时都更新小部件怎么办。当我将 getClassesToDisplay() 移动到 initState 时,小部件仅在首次插入树时才会呈现。但是,我需要更新 DropdownButton 以反映基于其他页面的一些值。我认为这是我一开始就试图避免的问题! :)
猜你喜欢
  • 2017-04-13
  • 2023-03-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多