Flutter GraphQL 如何一键调用2个突变？

Question

我创建并测试了 2 个 GraphQL 突变。我在 Flutter 中使用它们，这样当我点击一个按钮时，它会触发两个突变。当我只将其中一个放在 onPressed 中时没关系，只有一个可以工作。那么如何在 onPressed 中同时调用呢？

我尝试创建类似 function1() 和 function2() 来保存每个突变，但 onPressed 似乎没有执行这些函数。

感谢任何帮助。谢谢。

这部分称为第一个将项目附加到列表的突变。我打电话给addToVol()，但它不会触发第二次突变。

Padding(
  padding: EdgeInsets.all(16),
  child: GraphQLProvider(
  client: graphQLConfiguration.client,
  child: CacheProvider(
    child: Mutation(
      options: MutationOptions(
        documentNode: gql(addToSession),
        update: (Cache cache, QueryResult result) {
          return cache;
        },
        onCompleted: (dynamic resultData) {
          print(resultData);
        },
      ),
      builder: (RunMutation runMutation, QueryResult result) {
        if (result.hasException) {
          print(result.exception.toString());
        }
        return FlatButton(
          onPressed: () async {
            if (snapshot.hasData) {
              if (_isAuthenticated) {
                if (!haveSession) {
                  runMutation({
                    'org': activity.org,
                    'sessionId': activity.id,
                    'volId': savedOrgValue,
                  });
//                addToVol();
                } else {

                }
                } else {
                  Navigator.push(
                    context,
                    PageRouteBuilder(
                      pageBuilder: (context, animation1, animation2) => Login(),
                      transitionDuration: Duration(seconds: 0),
                    ),
                  );
                }
              }
            },
            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(80.0)),
            padding: EdgeInsets.all(16),
            textColor: Colors.white,
            child: Ink(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.all(Radius.circular(80.0)),
              ),
              child: Container(
                child: Text('Sign Up for Activity'),
              ),
            ),
          );
        }
      )
    )
  ),
),

我在底部有addToVol()。

addToVol() {
  GraphQLProvider(
    client: graphQLConfiguration.client,
    child: CacheProvider(
      child: Mutation(
        options: MutationOptions(
          documentNode: gql(registerSessionToVol),
          update: (Cache cache, QueryResult result) {
            return cache;
          },
          onCompleted: (dynamic resultData) {
            print(resultData);
          },
        ),
        builder: (RunMutation runMutation, QueryResult result) {
          if (result.hasException) {
            print(result.exception.toString());
          }
          runMutation({
            'org': activity.org,
            'sessionId': activity.vid,
            'volId': savedOrgValue,
          });
          return;
        }
      )
    )
  );
}

Answer 1

将每个Mutation 包装到StatefulWidget 的State 中，并为每个GlobalKey 添加一个GlobalKey。

final mutationKey1 = GlobalKey<MutationState>();

// In the build method
Mutation(
  key: mutationKey1
)

与第二个相同：

final mutationKey2 = GlobalKey<MutationState>();

并在按钮 onPress/onTap 回调中为每个调用 runMutation() 方法：

FlatButton(
  onPressed: (){
    //...
    mutationKey1.currentState.runMutation(mapVariables1);
    mutationKey2.currentState.runMutation(mapVariables2);
    //...
  }
)

---

请记住，根据您组织代码的方式、访问mutationKey1 和mutationKey2 的方式，访问方式会有所不同。