带有变量的 Flutter graphql 查询

Question

我是第一次测试flutter graphql。这是我正在使用 graphql explorer 的查询和变量。

我的问题是在我传递查询和queryVariables之前，我需要将queryVariables中的1001替换为参数值。我可以知道如何替换它吗？

const String query = r'''
  query Albums($where: AlbumWhereInput) {
  albums(where: $where) {
    id
    title
    artist {
      name
    }
  }
}
''';

const String queryVariables = r'''
{
  "where": {
    "artist_id": 1001
  }
}
''';

Future<QueryResult> performQuery(String query,
  {required Map<String, dynamic> variables}) async {
    QueryOptions options =
        QueryOptions(document: gql(query), variables: variables);

    final result = await _client.query(options);

    return result;
 }

Answer 1

您尚未指定您使用的软件包，因此我无法具体说明什么是最好的方法。但通常，您可以使用字符串插值之类的方法：

final artistId = 1001;
final queryVariables = '''
{
  "where": {
    "artist_id": $artistId
  }
}
''';

请注意我们如何使用 ''' 的普通字符串而不是原始字符串 (r''') 以便能够通过 $ 进行插值。