发布于:2023-7-21最后更新:2023-7-21字数 00 分钟

type
status
date
slug
summary
tags
category
icon
password

安装

这里使用 graphql_flutter 5.1.0flutter pub add graphql_flutter
版本变化挺大,所以这里用最新的 5.1.0

使用

在 Flutter 中使用 GraphQL 跟使用 Restful API 区别很大,graphql_flutter 是用 Widget 的方式,也可以使用 flutter_hooks 的方式,这里介绍常规 Widget Query 和 Mutation 方式
  1. 创建 Client
  1. 创建 Provider
  1. main.dartrunApp(App()); 前加入await initHiveForFlutter(); // 缓存用
  1. app.dart
  1. 请求 这里和平常使用的 Restful API 有很大的区别, 在需要发送请求的地方(比如 Button) 上
onCompleted 里返回的是接口正常返回的信息 runMutation 就是发送请求, runMutation({参数: value})document 是需要发送的 GraphQLQuery 的和 Mutations 类似,把 Mutations 改成 Query

结尾

基础的简单使用就到这里了,如果有更好的方法或者深入的用法,欢迎分享。

推荐一款 Mac 上的软件:Hammerspoon 推荐一款 Mac 上的软件:Hammerspoon
Flutter 无障碍开发 Flutter 无障碍开发
公告