Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.

1. Flutter
Build beautiful native apps
in record time

2. OEM SDKsWhy
Flutter ?

3. OEM SDKs
• The Apple iOS SDK was released in 2008
• Google Android SDK in 2009.
OEM
SDK’s

4. OEM SDKsCross
Platform
Codes can be reused
Controls Cost
Quicker development time
Easier Implementation

5. Web Views
• PhoneGap, Apache Cordova, Ionic,
• App creates HTML and displays it in a WebView on
the platform.
Web
Views

6. Reactive
Views
•it has to go through the bridge

7. Flutter
•using a compiled programming language, namely Dart.
Flutter

8. Flutter
Why
Dart ?
Dart is AOT (Ahead Of Time) compiled to fast,
predictable, native code
It can also be JIT (Just In Time) compiled for
exceptionally fast development cycles and game-
changing workflow ( hot reload)
Makes it easier to create smooth animations and
transitions that run at 60fps.
Allows Flutter to avoid the need for a separate
declarative layout language like JSX or XML, or
separate visual interface builders
Easy to learn

9. What’s new
and exciting
about Flutter?
The advantages of reactive views, with no
JavaScript bridge
Fast, smooth, and predictable
The developer has full control over the
widgets and layout
Comes with beautiful, customizable widgets
Great developer tools, with amazing hot
reload
More performant, more compatibility, more
fun

10. Fast
development
Hot Reload

11. Expressive, beautiful UIs

12. Modern,
reactive
framework

13. Access
native
features and
SDKs

14. HTML/CSS Analogs in Flutter
var container = new Container( // grey box
child: new Text(
"Lorem ipsum",
style: new TextStyle(
fontSize: 24.0
fontWeight: FontWeight.w900,
fontFamily: "Georgia",
),
),
width: 320.0,
height: 240.0,
color: Colors.grey[300],
);
<div class="greybox">
Lorem ipsum
</div>
.greybox {
background-color: #e0e0e0; /* grey 300 */
width: 320px;
height: 240px;
font: 900 24px Georgia;
}

15. Everything is
a Widget

16. Thank You..