Flutter
Google’s
Open Source
Cross Platform UI ToolKit
Presented by Toma Velev
Demo
Write Once - Compile for Platform [X] - Run
Plugins ....
https://github.com/flutter/plugins - Official Plugins
https://pub.dev/ - Third Party Plugins
Fingers, Stylus, Mouse &
Keyboard, Voice, Beyond
Different Device Types - Different Input
Methods
https://www.youtube.com/watch?v=IyFZznAk69U
Flutter SDK
https://github.com/flutter/flutter
Skia Graphics Library - Flutter Mobile / Flutter Desktop
BSD - C++ Cross Platform Library
CPU Drawing Library Steadily integrating GPU
Platforms
● Windows 7, 8, 8.1, 10
● macOS 10.10.5 or later
● iOS 8 or later
● Android 4.1 (JellyBean) or later
● Ubuntu 14.04+, Debian 8+, openSUSE 13.3+, or Fedora Linux 24+
Used in Chrome(ium) and Mozilla Products
https://skia.org/ / https://github.com/google/skia
Object Oriented, Scripting, Functional, Garbage
Collected. Used in
● Flutter Web
● Flutter Dev Stage
https://github.com/dart-lang/sdk
Similar to Swift, TypeScript, Kotlin, C#, many more
?. - Null Check Operator
var, String, List, and bool int double
Function is an Object
Mixins are available
class Foo<T extends Bar>
Stream/Future async await
https://dart.dev/guides/language/language-tour
Default value (null)
Flutter API / Widgets
Cupertino
Material
Common
MediaQuery API
https://flutter.dev/docs/development/ui/widgets
Flutter Mobile v1.5 - Ready for Production
Flutter Mobile Dev Stage
Flutter Mobile Prod Stage
Flutter Web - (Technical Preview)
Flutter Desktop - (Early Stage)
https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders
Flutter Embedded - WIP
Flutter on Raspberry Pi https://medium.com/flutter/flutter-on-raspberry-pi-mostly-from-scra
2824c5e7dcb1
https://flutter.dev/docs/development/platform-integration/platform-channels
Plugin Development
Currently officially supported for Android and iOS
“Plugin Channel ID”
Flutter Code
Native Code
Function X call
Function X handling
UI Builders
https://flutterstudio.app
https://github.com/deven98/MetaFlutter
https://norbert515.github.io/widget_maker/website/ Flutter UI Clones
Flutter vs
Xamarin / React
Native /
NativeScript /
Ionic / Cordova
...
State / Render architecture like
React Native
Fast Reload during
development
(Will) Target more than just
Mobile Platforms (Like
Xamarin)
Plugin hell like others (takes
time to plug and support all)
Not dependent on Native
Components (+/-)
Custom Made Widgets that
look like the native
Live Update/Code Push/
currently not available
Who uses it?
Google, Alibaba, Many more
Flutter

Flutter

Editor's Notes

  • #9 https://medium.com/@atul.sharma_94062/flutter-how-does-it-works-6e4c73842e67