You are on page 1of 20

BY SIV RAM SHASTRI

 A new multiplatform mobile


development SDK based on Dart
 Allows building beautiful mobile apps
 Platform independent, currently
supporting Android, iOS and Fuchsia
 Flutter is next step in app
development
✓ Speed and performance
fast, smooth performance
✓ Flexibility
Customize anything-brand first
design
 Compiles to native code(ARM binary
code)
 No reliance on OEM widgets
 No bridge needed
 Beautiful fluid UIs
 Run same UI on multiple platforms,
perfect for brand-first designs
 high-performance apps that feel
natural on different platforms
 Be productive
 Super performance, 120fps without
optimizations
 Fast development - Hot Reload
 Modern, reactive framework like React
 Initial release : May 2017
 Preview release : Release preview
1(vo.6.0)/July 2018
 Developer(s) : Google and community
 Platform development : Windows, MacOS
and Linux
 Target : Android, iOS and Google Fuchsia
 Written in : C,C++, Dart, Skia Graphics
engine
MATERIAL
WIDGETS
 FRAMEWORK RENDERING
DART
ANIMATIO PAINTIN GESTUR
N G ES

SERVICES

 ENGINE(C++) SKIA DART TEXT


Apllication Flutter Canvas
Widgets
Cupertino Events
Amterial
design Services
Native ARM
Binary code
Location Bluetooth
Platform
channels Camera Sensors
WIDGET

STATELESS STATEFULL
WIDGET WIDGET

ASSETIMAGE TEXT SCROLLABLE ANIMATABLE


 Java like language - easy to learn
 aimed to replace JavaScript (2010)
 DartVM
 JavaScript compiler (dart2js)
 Google AdWords Google Fuchsia
 AdSense
 performance reports
 Google Fiber
 Mandrill AdWords for video
 2.0 is coming soon™
 Will be sound (type safe)
 Will most likely get nullable types
 “new” could become optional
 Language discussions are available in the
sdk repository
 Clone repo and add to $PATH:
$ git clone -b alpha
https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH
 Run flutter doctor and do the suggested
tasks
$ flutter doctor
 Start developing
 Create a new project Or use the Project
Wizard in IntelliJ IDEA
$ flutter create myapp
 Or use the Project Wizard in IntelliJ IDEA
 Widgets are immutable declarations of
parts of the UI
 Like a <div/>
 a structural element
(e.g. button, menu)
 a stylistic element
(themes, styles, fonts)
 an aspect of layout
(padding, center)
 Application itself is a widget
 Hierarchically stacked
 inherit parent properties
 Composition > inheritance
 FlutterView (extends SurfaceView) is
placed fullscreen in your Activity.
 Plugins can be initialized which register a
MethodChannel on the FlutterView.
 These MethodChannel are invoked by the
plugins Dart API
 Official Page: https://flutter.io
 Dart Bootstrap:
 https://www.dartlang.org/guides/language/language-tour
 Widget catalog: https://flutter.io/widgets
 Ui Codelab:
https://codelabs.developers.google.com/codelabs/flutter
 Firebase Codelab:
 https://codelabs.developers.google.com/codelabs/flutter-
firebase
THANK YOU

You might also like