Flutter 如何在flatter中建立图形ql集成演示客户端

我不太了解graph ql，需要一个可以运行的演示设置。 我被卡住了，不知道如何设置客户端， 有人能解释一下如何在给定的代码中设置客户端吗：-

---

是的，这是一个很好的方法，因为返回您的widget（）；。。得到结果后。。。但是你能解释一下，如何移动到另一个页面而不是你的widget（）吗。。因为我在移动到另一页时被卡住了..：（是的，这是一个很好的方法，返回YourWidget（）；…返回结果后…但是你能解释一下，如何移动到另一个页面而不是YourWidget（）…因为如果移动到另一个页面，我被卡住了…：(

 Client(
        endPoint: 'https://api.github.com/graphql',
        cache: InMemoryCache(),
        apiToken: '<YOUR_GITHUB_PERSONAL_ACCESS_TOKEN>',
      ),

String readRepositories = """
  query ReadRepositories {
    viewer {
      repositories(last: 50) {
        nodes {
          id
          name
          viewerHasStarred
        }
      }
    }
  }
"""
    .replaceAll('\n', ' ');

static HttpLink httpLink = HttpLink(
  uri: 'https://api.github.com/graphql',
);

final AuthLink authLink = AuthLink(
  getToken: () async => 'Bearer <YOUR_PERSONAL_ACCESS_TOKEN>',
);

final Link link = authLink.concat(httpLink as Link);

ValueNotifier<GraphQLClient> client = ValueNotifier(
  GraphQLClient(
    cache: InMemoryCache(),
    link: link,
  ),
);

Query(
  options: QueryOptions(document: readRepositories, pollInterval: 1),
  builder: (QueryResult result, {VoidCallback refetch}) {
    if (result.loading) {
      return Center(child: CircularProgressIndicator());
    }
    if (result.errors != null) {
      return Text(result.errors.toString());
    }
    if (result.data == null) {
      return Center(child: Text("No Data Found !"));
    }
    // After getting response, return your result 
      return YourWidget();
    },
);