git-touch-android-ios-app/lib/ios/notification.dart

import 'package:flutter/material.dart' hide Notification;
import 'package:flutter/cupertino.dart' hide Notification;
import 'package:git_touch/providers/notification.dart';
import 'package:git_touch/widgets/notification_item.dart';
import 'package:git_touch/utils/utils.dart';

class NotificationGroup {
  String fullName;
  List<Notification> items = [];

  NotificationGroup(this.fullName);
}

class NotificationScreen extends StatefulWidget {
  @override
  NotificationScreenState createState() => NotificationScreenState();
}

class NotificationScreenState extends State<NotificationScreen> {
  int active = 0;
  bool loading = false;
  List<NotificationGroup> groups = [];

  @override
  void initState() {
    super.initState();
    Future.delayed(Duration(seconds: 0)).then((_) {
      _onSwitchTab(context, 0);
    });
  }

  Widget _buildGroupItem(BuildContext context, int index) {
    var group = groups[index];

    return Container(
      // padding: EdgeInsets.all(10),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Container(
            padding: EdgeInsets.only(top: 10, left: 4, bottom: 4),
            color: CupertinoColors.extraLightBackgroundGray,
            child: Text(
              group.fullName,
              style: TextStyle(color: CupertinoColors.black),
            ),
          ),
          Column(
              children: group.items
                  .map((item) => NotificationItem(item: item))
                  .toList())
        ],
      ),
    );
  }

  void _onSwitchTab(BuildContext context, int index) async {
    setState(() {
      active = index;
      loading = true;
    });

    var ns = await ghClient.activity
        .listNotifications(all: index == 2, participating: index == 1)
        .toList();

    NotificationProvider.of(context).countUpdate.add(ns.length);

    Map<String, NotificationGroup> groupMap = {};
    ns.forEach((item) {
      String repo = item.repository.fullName;
      if (groupMap[repo] == null) {
        groupMap[repo] = NotificationGroup(repo);
      }

      groupMap[repo].items.add(item);
    });

    setState(() {
      groups = groupMap.values.toList();
      loading = false;
    });
  }

  @override
  Widget build(context) {
    NotificationBloc bloc = NotificationProvider.of(context);
    TextStyle _textStyle = DefaultTextStyle.of(context).style;

    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: SizedBox.expand(
          child: DefaultTextStyle(
            style: _textStyle,
            child: CupertinoSegmentedControl(
              groupValue: active,
              onValueChanged: (index) => _onSwitchTab(context, index),
              children: {
                0: Text('Unread'),
                1: Text('Paticipating'),
                2: Text('All')
              },
            ),
          ),
        ),
      ),
      child: ListView.builder(
        shrinkWrap: true,
        itemCount: groups.length,
        itemBuilder: _buildGroupItem,
      ),
    );
  }
}