Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rodydavis/gmail_clone
A Gmail Clone built with Flutter
https://github.com/rodydavis/gmail_clone
clone dart flutter flutter-examples gmail google
Last synced: 6 days ago
JSON representation
A Gmail Clone built with Flutter
- Host: GitHub
- URL: https://github.com/rodydavis/gmail_clone
- Owner: rodydavis
- License: mit
- Created: 2019-03-14T14:12:06.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-08T10:17:37.000Z (almost 4 years ago)
- Last Synced: 2024-10-19T09:40:39.265Z (17 days ago)
- Topics: clone, dart, flutter, flutter-examples, gmail, google
- Language: Dart
- Size: 705 KB
- Stars: 815
- Watchers: 21
- Forks: 139
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- fucking-open-source-ios-apps - Gmail clone
README
# gmail_clone
A new Flutter application to showcase how to build Gmail with Flutter.
Video Tutorial: [YouTube](https://youtu.be/RWInOp5My3g)
## Screenshots
## Example
``` dart
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 {
List _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: [
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(),
);
}
}
```