小部件树被锁定时调用 setState() 或 markNeedsBuild()

Question

颤动

我正在尝试将一个小部件显示到 Stack IF an condition (true or false ) 中，它可以正常工作 但是当我需要将条件 bool 更改为 SetState 以再次隐藏小部件时，它也可以工作，但会出现烦人的错误消息，即 setState() or markNeedsBuild() called when widget tree was locked。

我的代码很复杂，但我将展示一个简单的类似示例

bool displayWidget = false;
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Stack(
        children: [
          Container(
            child: TextButton(
              onPressed: () {
                final result = await FilePicker.platform.pickFiles(allowMultiple: false );
                if (result == null) return;
                final path = result.files.single.path;
                setState(() => displayWidget = true);
              },
            child: Text ("studio")
            ),
          ),
          displayWidget?
          GestureDetector(
            onTap: ()=> setState(() => displayWidget = false), // the  error happen when i click here 
            child: Container(
              child:  Image.asset("here is the picture in full secreen"),
            ),
          ):Container()
        ],
      ),
    );
  }
}

我知道有比这种方式更好的照片查看器 :D 但我只为其他真实案例举一个简单的例子

Answer 1

我从flutter官网找到解决办法

简单地将集合状态包装成

这种解决方案适用于大多数情况

      if(!mounted) {
         setState
        
           }
or  

if(mounted) { // depends on your widget case
 setState
     }

来源https://www.kindacode.com/article/flutter-error-setstate-called-after-dispose/

如果没有，试试这个

WidgetsBinding.instance
    .addPostFrameCallback((_) => setState(() {}));

来源https://www.thetopsites.net/article/50288698.shtml

我在 stackoverflow 中发现许多答案的相同错误 按下面

Flutter setState() or markNeedsBuild() called when widget tree was locked

Answer 2

请看看这个例子是否对你有帮助（我稍微简化了你的例子，以便它可以在 dartpad 中轻松运行）。 在您的情况下，onPressed 函数应包含您的文件选择逻辑并具有您期望的返回类型（可能是String?）并检查返回值是否不为空，然后显示您的图像

class MyWidget extends StatefulWidget {  
  @override
  State<MyWidget> createState() => MyWidgetState();
}

class MyWidgetState extends State<MyWidget> {
  
  bool displayWidget = false;
  
  bool onPressed(bool isShown) {
    //instead of this mocked function pickFile here 
    return !isShown;
  }
  
    @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Row(
        children: [
          Container(
            child: TextButton(
              onPressed: () {
                displayWidget = onPressed(displayWidget);
                setState(() => displayWidget);
              },
            child: Text ("Show or hide text"),
            ),
          ),
          if(displayWidget)
          GestureDetector(
            onTap: ()=> setState(() => displayWidget = !displayWidget),
            child: Container(
              child:  Text('This text is to be shown'),
            ),
          ),
        ],
      ),
    );
  }
}

Answer 3

首先我想问你@override 在哪里？您是否忘记在问题中添加该内容？如果是，那么该错误可能与此有关。如果不是，请尝试在@override 上方声明布尔值。