git-touch-android-ios-app/lib/screens/users.dart

import 'package:flutter/material.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/user_item.dart';
import '../scaffolds/list.dart';
import 'package:git_touch/models/settings.dart';
import 'package:provider/provider.dart';
import '../utils/utils.dart';

class UsersScreen extends StatelessWidget {
  final String scope;
  final String params;
  final String resource;

  UsersScreen.followers(String login)
      : scope = 'user',
        params = 'login: "$login"',
        resource = 'followers';
  UsersScreen.following(String login)
      : scope = 'user',
        params = 'login: "$login"',
        resource = 'following';
  UsersScreen.stars(String owner, String name)
      : scope = 'repository',
        params = 'owner: "$owner", name: "$name"',
        resource = 'stargazers';
  UsersScreen.watchers(String owner, String name)
      : scope = 'repository',
        params = 'owner: "$owner", name: "$name"',
        resource = 'watchers';
  UsersScreen.members(String login)
      : scope = 'organization',
        params = 'login: "$login"',
        resource = 'membersWithRole';

  Future<ListPayload> _queryUsers(BuildContext context, [String cursor]) async {
    var cursorChunk = cursor == null ? '' : ', after: "$cursor"';
    var data = await Provider.of<SettingsModel>(context).query('''
{
  $scope($params) {
    $resource(first: $pageSize$cursorChunk) {
      pageInfo {
        hasNextPage
        endCursor
      }
      nodes {
        name
        login
        avatarUrl
        bio
      }
    }
  }
}    
    ''');
    var repo = data[scope][resource];

    return ListPayload(
      cursor: repo["pageInfo"]["endCursor"],
      hasMore: repo['pageInfo']['hasNextPage'],
      items: repo["nodes"],
    );
  }

  @override
  Widget build(BuildContext context) {
    return ListScaffold(
      title: AppBarTitle('Users'),
      onRefresh: () => _queryUsers(context),
      onLoadMore: (cursor) => _queryUsers(context, cursor),
      itemBuilder: (payload) => UserItem(
        payload['login'],
        name: payload['name'],
        avatarUrl: payload['avatarUrl'],
        bio: payload['bio'],
      ),
    );
  }
}