Slide 1
Slide 1 text
lutter
Building Modern
X - Platform Apps
with
Vinay Gaba
@vinaygaba
Slide 2
Slide 2 text
What is Flutter ?
Slide 3
Slide 3 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 4
Slide 4 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 5
Slide 5 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 6
Slide 6 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 7
Slide 7 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
What is Flutter ?
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
Slide 10
Slide 10 text
Open source SDK for building cross-platform apps by Google
Support for Android & iOS
Designed keeping both developers and designers in mind
Allows building beautiful 60 FPS apps.
Designed for speed and is an excellent prototyping tool
What is Flutter ?
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
But how is it
different ?
Slide 15
Slide 15 text
But how is it
different ?
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
Slide 16
Slide 16 text
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
But how is it
different ?
Slide 17
Slide 17 text
Source: https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514
Slide 18
Slide 18 text
Source: https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514
Slide 19
Slide 19 text
Source: https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514
Slide 20
Slide 20 text
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
But how is it
different ?
Slide 21
Slide 21 text
But how is it
different ?
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
Slide 22
Slide 22 text
But how is it
different ?
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
Slide 23
Slide 23 text
But how is it
different ?
Uses neither WebView nor OEM widgets that’s shipped with a device
SDK is shipped with the app
Uses its own high-performance rendering engine to draw widgets
Flutter implements most of its system in Dart
Slide 24
Slide 24 text
Flutter Widget
Framework
Slide 25
Slide 25 text
Flutter Widget
Framework
Inspired from React
Building blocks of UI are widgets. Composition over inheritance
Everything is a widget. Even the app is a widget
Widgets in Flutter are immutable
Slide 26
Slide 26 text
Flutter Widget
Framework
Inspired from React
Building blocks of UI are widgets. Composition over inheritance
Everything is a widget. Even the app is a widget
Widgets in Flutter are immutable
Slide 27
Slide 27 text
Flutter Widget
Framework
Inspired from React
Building blocks of UI are widgets. Composition over inheritance
Everything is a widget. Even the app is a widget
Widgets in Flutter are immutable
Slide 28
Slide 28 text
Flutter Widget
Framework
Inspired from React
Building blocks of UI are widgets. Composition over inheritance
Everything is a widget. Even the app is a widget
Widgets in Flutter are immutable
Slide 29
Slide 29 text
Flutter Widget
Framework
Inspired from React
Building blocks of UI are widgets. Composition over inheritance
Everything is a widget. Even the app is a widget
Widgets in Flutter are immutable
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
Hello World
Slide 32
Slide 32 text
$ git clone -b alpha https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH
Slide 33
Slide 33 text
$ flutter doctor
Slide 34
Slide 34 text
$ flutter doctor
Slide 35
Slide 35 text
$ flutter create myapp
Slide 36
Slide 36 text
$ flutter create myapp
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 40
Slide 40 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 41
Slide 41 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 42
Slide 42 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 43
Slide 43 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 44
Slide 44 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 45
Slide 45 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 46
Slide 46 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”,
textDirection: TextDirection.ltr)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 47
Slide 47 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”,
textDirection: TextDirection.ltr)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 48
Slide 48 text
void main() {
runApp(
new HelloWorldApp(
textToDisplay: new Text("Hello World”,
textDirection: TextDirection.ltr)
)
);
}
class HelloWorldApp extends StatelessWidget {
HelloWorldApp({this.textToDisplay});
final Text textToDisplay;
@override
Widget build(BuildContext context) {
return new Center(
child: textToDisplay,
);
}
}
Slide 49
Slide 49 text
Lets Prototype!
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 52
Slide 52 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 53
Slide 53 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 54
Slide 54 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 55
Slide 55 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 56
Slide 56 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 57
Slide 57 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 58
Slide 58 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 59
Slide 59 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container();
}
}
Slide 60
Slide 60 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
Slide 61
Slide 61 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
Slide 62
Slide 62 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
Slide 63
Slide 63 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(),
body: new Container(),
);
}
}
Slide 64
Slide 64 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.add_comment, color: Colors.white),
onPressed: null),
body: new Container(),
);
}
}
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.add_comment, color: Colors.white),
onPressed: null),
body: new Container(),
);
}
}
Slide 65
Slide 65 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.add_comment, color: Colors.white),
onPressed: null),
body: new Container(),
);
}
}
Slide 66
Slide 66 text
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
leading: new Icon(Icons.menu),
title: new Text("Inbox"),
actions: [
new IconButton(
icon: new Icon(Icons.search, color: Colors.white),
onPressed: null)
],
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.add_comment, color: Colors.white),
onPressed: null),
body: new Container(),
);
}
}
Slide 67
Slide 67 text
class Email {
const Email(
{this.sender,
this.subject,
this.emailBody,
this.timeStamp});
final String sender;
final String subject;
final String emailBody;
final String timeStamp;
}
List _getInboxEmails() {
return [
new Email(
sender: "[email protected]",
subject: "Email Subject",
emailBody: "Thanks for nothing!",
timeStamp: "Oct 13"),
new Email(...),
.
.
];
}
Slide 68
Slide 68 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red,
)
)
);
class GmailInbox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 69
Slide 69 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(
emails: _getInboxEmails()
),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red,
)
)
);
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(
emails: _getInboxEmails()
),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red,
)
)
);
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 70
Slide 70 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(
emails: _getInboxEmails()
),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red,
)
)
);
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 71
Slide 71 text
runApp(
new MaterialApp(
title: 'Gmail',
home: new GmailInbox(
emails: _getInboxEmails()
),
theme: new ThemeData(
primaryColor: Colors.red, accentColor: Colors.red,
)
)
);
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 72
Slide 72 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 73
Slide 73 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 74
Slide 74 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(...);
}
}
Slide 75
Slide 75 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(...),
floatingActionButton: new FloatingActionButton(...),
body: new Container())
);
}
}
Slide 76
Slide 76 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(...),
floatingActionButton: new FloatingActionButton(...),
body: new ListView(
padding: new EdgeInsets.symmetric(vertical: 8.0),
children: emails.map((Email email) {
return new GmailListItem(
email: email
);
}).toList())
);
}
}
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(...),
floatingActionButton: new FloatingActionButton(...),
body: new ListView(
padding: new EdgeInsets.symmetric(vertical: 8.0),
children: emails.map((Email email) {
return new GmailListItem(
email: email
);
}).toList())
);
}
}
Slide 77
Slide 77 text
class GmailInbox extends StatelessWidget {
GmailInbox({this.emails});
final List emails;
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(...),
floatingActionButton: new FloatingActionButton(...),
body: new ListView(
padding: new EdgeInsets.symmetric(vertical: 8.0),
children: emails.map((Email email) {
return new GmailListItem(
email: email
);
}).toList())
);
}
}
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
No content
Slide 80
Slide 80 text
Row
Widget Column
Row Widget
Widget
Widget
Widget
Slide 81
Slide 81 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 82
Slide 82 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 83
Slide 83 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 84
Slide 84 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 85
Slide 85 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 86
Slide 86 text
class GmailListItem extends StatelessWidget {
GmailListItem({Email email})
: email = email,
super(key: new ObjectKey(email));
final Email email;
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
}
Slide 87
Slide 87 text
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
Slide 88
Slide 88 text
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
Slide 89
Slide 89 text
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(
child: new CircleAvatar(
child: new Text(email.sender[0].toUpperCase()),
backgroundColor: _getRandomColor()),
padding: new EdgeInsets.all(15.0),
),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
Slide 90
Slide 90 text
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
@override
Widget build(BuildContext context) {
return new Row(
children: [
new Container(
child: new CircleAvatar(
child: new Text(email.sender[0].toUpperCase()),
backgroundColor: _getRandomColor()),
padding: new EdgeInsets.all(15.0),
),
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
]
);
}
Slide 91
Slide 91 text
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
Slide 92
Slide 92 text
new Container(
child: new Column(
children: [
new Row(),
new Text(),
new Text()
],
),
)
Slide 93
Slide 93 text
new Container(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
new Row(),
new Text(email.subject,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 14.0)),
new Text(email.emailBody,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: new TextStyle(color: Colors.grey, fontSize: 14.0))
],
),
)
Slide 94
Slide 94 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0)),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 95
Slide 95 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0)),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 96
Slide 96 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0)),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 97
Slide 97 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Expanded(
child: new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0))
),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Expanded(
child: new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0))
),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 98
Slide 98 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Expanded(
child: new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0))
),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 99
Slide 99 text
new Container(
child: new Column(
...
children: [
new Row(
children: [
new Expanded(
child: new Text(email.sender,
style: new TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 16.0))
),
new Text(email.timeStamp,
style: new TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
fontSize: 12.0))
]
),
new Text(...),
new Text(...)
],
),
)
Slide 100
Slide 100 text
iPhone Android
Slide 101
Slide 101 text
What Else ?
Slide 102
Slide 102 text
What Else ?
Unit, Integration & Widget Testing !
Animations
Accessing Platform Specific Features
Great Tooling (Dart Analyzer, Render Tree Dumps, Perf Overlays)
Slide 103
Slide 103 text
Thank you!
Vinay Gaba
@vinaygaba