Build Native Apps with Flutter

Very Good Ventures

About Felix

@felangelov

What is Flutter?

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

     Fast Development

  • < 1s reloads
  • state is retained
  • works for
    • simulators
    • emulators
    • physical devices

       Expressive &               Flexible UI

  • Material Design & Cupertino built in
  • Rich Animations
  • Control Every Pixel

         Native         

         Performance

  • Platform Specific
    • Scrolling Physics
    • Navigation
    • Fonts/Icons
  • Running at 60fps

How it works 

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Widgets,

Rendering

Platform Channels

Flutter Engine 

Native Development

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Native UI

Native Development

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Native UI

Native Code

Platform

Services

Native UI

Canvas

Events

Location

Bluetooth

Audio

Camera

Native Code

Platform

Services

Native UI

Canvas

Events

Location

Bluetooth

Audio

Camera

Hybrid Web Approach

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

WebViews

Bridge

Native Bridge Approach

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Bridge

Native UI

     The Dart Side

Dart is a client-optimized language for fast apps on any platform

    Optimized for UI

  • Mature and complete async-await
  • Spread Operator (...)
  • Collection If
  • Easy to learn

    Fast on all                        Platforms   

  • Compile to native machine code for mobile
  • Target web with fast, mature compilers
  • Write app and server code with a single programming language

Try it with DartPad

Growth: Github Stars

Growth: Stack Overflow

Flutter Gallery

Summary

  • Complete control over the rendering stack
  • Build reactive views with no bridge
  • Fast, pleasant developer experience w/ hot-reload
  • Performant, predictable UI
  • Target multiple platforms w/ one codebase
  • Awesome, growing community

Flutter Resources

Questions?

Build Native Apps with Flutter

By Felix Angelov

Build Native Apps with Flutter

  • 400