Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flutter, the future of mobile.

Pawan Kumar
November 18, 2018

Flutter, the future of mobile.

A presentation about how flutter can be the future of mobile - at GDG Indore DevFest18

Pawan Kumar

November 18, 2018
Tweet

More Decks by Pawan Kumar

Other Decks in Technology

Transcript

  1. Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github

    - iampawan Indore lutter, the future of mobile.
  2. Need To Learn (But this is not a problem) Native

    Xamarin Others • Java/Kotlin & XML & Gradle • Swift/Obj-c & Storyboard • C# • Xaml • Html,CSS • JS, JSX
  3. Me

  4. Flutter A multi-platform mobile app SDK for Android, iOS and

    *Fuchsia Uses DART - compiles to efficient ARM code Rich Widget catalog Modern, React inspired View-Framework APIs for unit and integration test. CLI
  5. Flutter A multi-platform mobile app SDK for Android, iOS and

    *Fuchsia Uses DART - compiles to efficient ARM code Rich Widget catalog Modern, React inspired View-Framework
  6. Flutter Goals Build Beautiful UIs High Performance Apps with Native

    feel Be Productive Run Same UI on multiple platforms, perfect for brand first designs (optional)
  7. What’s unique? Engine is shipped in the apk/ipa. Doesn’t use

    OEM Widgets. Constant 60 FPS. Ships sdk with the app, no fragmentation or compatibility issues. No Bridge Needed, Direct drawing to platform canvas.
  8. System Architecture High-level overview Skia Dart Text Foundation Animation Painting

    Rendering Widgets Material Gestures Engine (C++) Framework (Dart) Cupertino
  9. Organized 2. Make it easy to see and understand how

    everything interacts with each other (NO XML).
  10. Hot Doctor flutter doctor This command checks your environment and

    displays a report to the terminal window. Flutter App
  11. Hot Reload • Blue AppBar Background • Blue Flutter Logo

    Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times, without losing state, on emulators, simulators, and hardware for iOS and Android.
  12. Hot Reload • Red AppBar Background • Red Flutter Logo

    Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times, without losing state, on emulators, simulators, and hardware for iOS and Android.
  13. Expressive, Beautiful & HOT UIs Delight your users with Flutter's

    built-in beautiful Material Design and Cupertino (iOS-flavor) widgets, rich motion APIs, smooth natural scrolling, and platform awareness.
  14. Hot Widgets Scaffold Material App Row Column FAB SizedBox Expanded

    Padding Container AppBar Stack Drawer Text Center Material Gesture Detector Inkwell Card Positioned TabBar Hero Align FlatButton CircleAvatar Theme FutureBuilder StreamBuilder ListViewBuilder Asset Image Network Image Memory Image
  15. Cons Room for improvement 1. Stable 1.0 is yet to

    come 2. (Release Preview 2 Just released)
  16. Cons Room for improvement Core Engine 3.0 MB Framework +

    App Code 540KB License file 55 KB Necessary Java Code 57KB ICU Data 433KB 2. APK SIZE ~ 4.2MB
  17. Links to learn flutter Pawan Kumar • MTechViral YouTube (100+)

    • iampawan – github(75+) • Let's flutter - fb group (5K+) Google • Flutter.io • Udacity Course • Flutter Codelabs • Boring Development Show Misc. • Fluttery • Awesome Flutter Repo • Udemy Courses • Slack,Gitter, Reddit
  18. Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github

    - iampawan Indore Thank You! imthepk mtechviral iampawan