Flutter:在构建期间调用 setState() 或 markNeedsBuild(),graphql 查询完成后如何执行代码?

问题描述

我对 Flutter 非常陌生,我正在将一个应用从以前的平台移植到 Flutter。

我有一个场景,在我成功执行了一个 graphql 查询之后,我必须导航到另一个页面

所以我已经使用 Flutter_graphql 库在我的应用程序中成功设置了 graphql。我可以看到我的查询被执行并返回数据。这是我的(简化)代码

class LoginButton extends StatefulWidget {
  const LoginButton({this.text,this.onPress});

  final String text;
  final Function onPress;

  @override
  _LoginButtonState createState() => _LoginButtonState();
}

class _LoginButtonState extends State<LoginButton> {
  bool _processing = false;

  Widget build() {
    return Query(
       options: QueryOptions(
         documentNode: gql(getLoginQuery)
       ),builder: (QueryResult result,{VoidCallback refetch,FetchMore fetchMore}) {
         if (result.loading != false) {
           // --> this code crashes the app <--
            if (result.loading != false) {
              Navigator.push(context,MaterialPageRoute(builder: (context) => MyNextScreen()));
            } else {
              result _buildLoadingScreen(...)
            } 
         }
       } 
    )
  } 
}

从上面的调用中可以看出,查询成功后,我尝试导航到下一个屏幕,但出现不言自明的错误

setState() or markNeedsBuild() called during build

在以前的框架和库中,我能够监听状态特定键的变化,并根据状态变化执行业务逻辑代码。我怎样才能在这里实现这一目标?

我想在查询完成后执行代码(导航离开)。看到这个错误后,我想我必须在查询完成时设置一个标志,然后根据该标志的值,我可以执行我的业务代码。这是正确的方法吗?如果是,我要继续吗?

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)