Flutter in Action
Chapter 1:
Meet Flutter
Eric Windmill
Presented by: Umer Farooq
Flutter is Google’s open-source UI toolkit
for building beautiful, natively compiled
applications for mobile, web, and desktop
from a single codebase.
Natively Compiled: Not a web app. Code
is compiled to native ARM code for iOS
What is and Android.
Flutter?
Single Codebase: Write your logic and UI
once, deploy everywhere.
UI Toolkit: Provides everything you need
to build interfaces: buttons, text inputs,
animations, etc.
Programming language
Object-oriented, strongly typed
Flutter uses the Dart language. Why?
Ahead-of-Time (AOT)
What is Compilable: Compiles too fast, predictable
native code.
Dart? Just-in-Time (JIT) Compilable: Enables Hot
Reload (Flutter's killer feature).
Object-Oriented & Familiar: Easy to learn
for developers from Java, C#, JavaScript.
Productive: Clean syntax, strong tooling,
great for UI development.
Startups → quick MVPs
Who Uses Enterprises: Google Ads, Alibaba, BMW,
Flutter? eBay
Freelancers & indie developers
Developers who want one codebase
Who across platforms
Should Teams building custom UIs
Use Ideal for startups and small teams
Flutter? Great fit for enterprise apps
Native (Swift/Kotlin): Full control,
Other expensive maintenance
Mobile React Native: JS-based, uses native
bridges
Developme Xamarin: .NET ecosystem, C# language
nt Options Ionic: Web tech in native shell
Hot reload → fast iteration
Immediate Custom UI → pixel-perfect design
Benefits of Native performance (compiled to ARM)
Flutter Strong tooling and testing ecosystem
Expanding beyond mobile: Web, Desktop,
Future Embedded
Benefits of One framework, many platforms vision
Flutter Google’s long-term support ensures
stability
Dart Framework: Your code is written in
Dart.
Flutter Framework: Provides the
widgets, rendering, animation and
How gestures.
Flutter
Works - C++ Engine: The powerhouse. Handles:
The
Architect o Skia: A 2D graphics library that draws
everything to the screen.
ure o Dart Runtime
o Platform-specific embedder
Result: Flutter paints its own UI canvas,
bypassing native UI components.
How Flutter
Works - The
Architecture
In Flutter, the central concept is the
Widget.
Not just buttons and text.
Key Layouts are widgets (Row, Column, Center).
Differentiat
or:
Everything Styling is done with widgets (Padding,
Container).
is a Widget
Even the App Structure itself is a widget
(MaterialApp, Scaffold).
"It’s widgets all the way down."
Flutter = Google’s full SDK for fast,
beautiful apps
Powered by Dart → productivity +
Summary performance
Benefits: hot reload, custom UI, native
speed
Future: web, desktop, and beyond
