突变不起作用 - Flutter和GraphQL

要解决这个问题，首先需要理解Flutter和GraphQL的基本概念和用法。然后，可以按照以下步骤操作：

1. 安装Flutter和GraphQL的相关依赖。
2. 创建一个Flutter项目。
3. 在项目中引入GraphQL的依赖。
4. 创建一个GraphQL的客户端实例。
5. 编写GraphQL查询或突变的代码。
6. 在Flutter应用中调用GraphQL查询或突变。
7. 处理GraphQL返回的数据或错误。

下面是一个示例代码，展示了如何在Flutter应用中使用GraphQL：

1. 安装依赖： 在Flutter项目的pubspec.yaml文件中添加graphql_flutter依赖：

dependencies:
  flutter:
    sdk: flutter
  graphql_flutter: ^4.0.0

然后运行flutter packages get命令安装依赖。

2. 创建GraphQL客户端实例： 在Flutter应用的入口文件中创建一个GraphQL客户端实例，如下所示：

import 'package:flutter/material.dart';
import 'package:graphql_flutter/graphql_flutter.dart';

void main() {
  final HttpLink httpLink = HttpLink(uri: 'https://example.com/graphql');

  final GraphQLClient client = GraphQLClient(
    link: httpLink,
    cache: InMemoryCache(),
  );

  runApp(MyApp(client: client));
}

class MyApp extends StatelessWidget {
  final GraphQLClient client;

  const MyApp({Key key, this.client}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GraphQLProvider(
      client: client,
      child: MaterialApp(
        title: 'GraphQL Flutter',
        home: MyHomePage(),
      ),
    );
  }
}

这里使用了graphql_flutter库创建了一个GraphQL客户端实例，并将其传递给GraphQLProvider小部件。

3. 编写GraphQL查询或突变的代码： 在需要使用GraphQL的地方，编写GraphQL查询或突变的代码。例如，假设我们要查询一个用户的信息：

const String getUserQuery = r'''
  query GetUser($id: ID!) {
    user(id: $id) {
      id
      name
      email
    }
  }
''';

4. 在Flutter应用中调用GraphQL查询或突变： 在需要使用GraphQL的地方，调用GraphQL查询或突变，并处理返回的数据或错误。例如，在MyHomePage小部件中调用getUserQuery查询：

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GraphQL Flutter'),
      ),
      body: Query(
        options: QueryOptions(
          documentNode: gql(getUserQuery),
          variables: {
            'id': '1',
          },
        ),
        builder: (QueryResult result, {VoidCallback refetch}) {
          if (result.hasException) {
            return Text(result.exception.toString());
          }

          if (result.loading) {
            return CircularProgressIndicator();
          }

          final user = result.data['user'];

          return Text('Name: ${user['name']}\nEmail: ${user['email']}');
        },
      ),
    );
  }
}

这里使用了Query小部件来执行getUserQuery查询，并根据返回的结果构建UI。

通过上述步骤，您可以在Flutter应用中使用GraphQL进行查询和突变。根据您的具体需求，可能需要进一步调整和优化代码。