BY SIV RAM SHASTRI
A new new multiplatform multiplatform mobile development SDK based on on Dart Allows building beautiful mobile apps currently Platform independent, currently suppo supporti rting ng Andr Android oid,, iO iOS S and Fuch Fuchsi siaa
✓
✓
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 DART
RENDERING ANIMATIO N
PAINTIN G
GESTUR ES
SERVICES
ENGINE(C++) SKIA
DART
TEXT
Apllication
Native ARM Binary code
Flutter Widgets Cupertino Amterial design
Platform channels
Canvas Events
Services Location
Bluetooth
Camera
Sensors
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
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/flutterfirebase
THANK YOU