GQLess

pokemon.dart

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

class Pokemon extends StatelessWidget {
  final pokemon = Pokemon();

  @override
  Widget build(context) {
    return Scaffold(
      appBar: AppBar(title: Text("Pokemon")),
      body: Center(
        child: Obx(() {
          return Column(
            children: pokemon.list
                // .map((pokemon) => Text("${pokemon.id}"))
                .map((pokemon) => Text("${pokemon.id} ${pokemon.name}"))
                .toList()
                  ..add(Text(pokemon.gql())),
          );
        }),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () {
          pokemon.query();
        },
      ),
    );
  }
}

class Pokemon {
  RxList<Pokemon> list;
  int _id;
  String _name;

  final returnMap = Map<String, bool>();

  Pokemon() {
    list = [this].obs;
  }

  int get id {
    returnMap["id"] = true;
    return _id;
  }

  set id(int id) {
    _id = id;
  }

  String get name {
    returnMap["name"] = true;
    return _name;
  }

  set name(String name) {
    _name = name;
  }

  String gql() {
    var fields = "";
    returnMap.forEach((field, used) {
      if (used) fields += "\t$field\n";
    });

    return "\nquery pokemon {\n$fields}";
  }

  query() {
    print(gql());
    // make graphql query using returnMap
    list.value = [
      Pokemon()
        ..id = 12345
        ..name = "Pikachu",
      Pokemon()
        ..id = 21234
        ..name = "Jiggly Puff",
    ];
  }
}