rodydavis / gmail_clone

A Gmail Clone built with Flutter

gmail_clone

A new Flutter application to showcase how to build Gmail with Flutter.

Video Tutorial: YouTube

Screenshots

Example

import 'package:floating_search_bar/floating_search_bar.dart';
import 'package:flutter/material.dart';
import 'package:gmail_clone/ui/app/app.dart';
import 'package:responsive_scaffold/responsive_scaffold.dart';
import 'package:responsive_scaffold/utils/breakpoint.dart';

import '../data/classes/email.dart';
import '../data/dummy_data.dart';
import 'common/common.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  List<EmailItem> _emails;
  @override
  void initState() {
    _emails = emails;
    super.initState();
  }

  final Size _tabletBreakpoint = Size(510.0, 510.0);

  @override
  Widget build(BuildContext context) {
    final bool _tablet = isTablet(context, breakpoint: _tabletBreakpoint);
    return ResponsiveScaffold.builder(
      tabletBreakpoint: _tabletBreakpoint,
      detailBuilder: (BuildContext context, int index) {
        final i = _emails[index];
        return DetailsScreen(
          appBar: AppBar(
            elevation: 0.0,
            actions: [
              IconButton(
                icon: Icon(Icons.archive),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.delete_outline),
                onPressed: () {
                  setState(() {
                    _emails.removeAt(index);
                  });
                },
              ),
              IconButton(
                icon: Icon(Icons.mail_outline),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.more_horiz),
                onPressed: () {},
              ),
            ],
          ),
          body: EmailView(
            item: i,
            favoriteChanged: () {
              setState(() {
                i.favorite = !i.favorite;
              });
            },
          ),
        );
      },
      drawer: AppDrawer(),
      tabletSideMenu: _tablet
          ? Flexible(
              flex: 1,
              child: AppSideMenu(),
            )
          : null,
      tabletFlexListView: 4,
      slivers: <Widget>[
        SliverFloatingBar(
          floating: true,
          automaticallyImplyLeading: !_tablet,
          title: TextField(
            decoration: InputDecoration.collapsed(hintText: "Search mail"),
          ),
          trailing: CircleAvatar(
            child: Text("RD"),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            padding: EdgeInsets.all(12.0),
            child: Text("All Inboxes"),
          ),
        ),
      ],
      itemCount: _emails?.length ?? 0,
      itemBuilder: (BuildContext context, int index) {
        final i = _emails[index];
        final bool _lastItem = (index + 1) == emails?.length ?? 0;
        if (_lastItem) {
          return Container(
            padding: EdgeInsets.only(bottom: 70.0),
            child: EmailListTile(
              item: i,
              favoriteChanged: () {
                setState(() {
                  i.favorite = !i.favorite;
                });
              },
            ),
          );
        }
        return EmailListTile(
          item: i,
          favoriteChanged: () {
            setState(() {
              i.favorite = !i.favorite;
            });
          },
        );
      },
      floatingActionButton: EmailFAB(),
    );
  }
}

gmail_clone's Issues

run error

Launching lib/main.dart on iPhone 8 in debug mode...

Compiler message:
file:///Users/mengyueping/flutter/.pub-cache/hosted/pub.dartlang.org/responsive_scaffold-0.0.2/lib/responsive_scaffold.dart:141:9: Error: No named parameter with the name 'extendBody'.
extendBody: extendBody,
^^^^^^^^^^
file:///Users/mengyueping/flutter/packages/flutter/lib/src/material/scaffold.dart:783:9: Context: Found this candidate, but the arguments don't match.
const Scaffold({
^
file:///Users/mengyueping/flutter/.pub-cache/hosted/pub.dartlang.org/responsive_scaffold-0.0.2/lib/responsive_scaffold.dart:174:7: Error: No named parameter with the name 'extendBody'.
extendBody: extendBody,
^^^^^^^^^^
file:///Users/mengyueping/flutter/packages/flutter/lib/src/material/scaffold.dart:783:9: Context: Found this candidate, but the arguments don't match.
const Scaffold({
^
Compiler failed on /Users/mengyueping/flutter_project/gmail_clone/lib/main.dart
Error launching application on iPhone 8.

server

BTW i am looking to take your gmail clone flutter and get it working with Gmail API.
https://developers.google.com/gmail/api/quickstart/go#step_3_set_up_the_sample

• its rest

And also pure golang email server that preserves privacy.
https://github.com/spilled-ink/spilld

• its imap, smpt, pop.

I think the first thing is to get oAuth2 working.
https://github.com/codeing-io/FlutterOAuth

• seems to be a very nice abstraction

state doesn't change

in EmailView, When I click IconButton, the state doesn't change

The argument type 'DetailsScreen Function(BuildContext, int)' can't be assigned to the parameter type 'DetailsScreen Function(BuildContext, int, bool)'.dart(argument_type_not_assignable)

The argument type 'DetailsScreen Function(BuildContext, int)' can't be assigned to the parameter type 'DetailsScreen Function(BuildContext, int, bool)'.dart(argument_type_not_assignable)

home.dart file line 33

@OverRide
Widget build(BuildContext context) {
final bool _tablet = isTablet(context, breakpoint: _tabletBreakpoint);
return ResponsiveScaffold.builder(
tabletBreakpoint: _tabletBreakpoint,
// detailBuilder: (BuildContext context, int index) {
final i = _emails[index];
return DetailsScreen(
appBar: AppBar(
elevation: 0.0,