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

如何解决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

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

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

谢谢。