�ݺ�ߣ

Lecture 2-Archetecture of Flutter.pptx

•Download as PPTX, PDF•

0 likes•18 views

Flutter uses a widget tree to represent its user interface as code, allowing for a single codebase to build UIs for multiple platforms. It forms widgets like MaterialApp, Scaffold, Column and Text into a tree structure to define the UI, embracing cross-platform development with one codebase to create interfaces for Android and iOS.

ARCHITECTURE OF
FLUTTER

WIDGET TREE
UI as Code: Widget
Tree

PLATFORM DIFFERENCES
Embrace
:
Cross
Platfor
m

FLUTTER CODE BASE
</
>
One :
Codebase

FLUTTER UI

WIDGET FORMATION
MyApp
MaterialApp
MyHomePag
e
Scaffold
AppBar
Text
AppBar
Column
Text Text
FloatingActionBut
ton
Icon

ITS ALL ABOUT WIDGETS

THANK YOU

More Related Content

Lecture 2-Archetecture of Flutter.pptx

1. ARCHITECTURE OF FLUTTER

2. WIDGET TREE UI as Code: Widget Tree

3. PLATFORM DIFFERENCES Embrace : Cross Platfor m

4. FLUTTER CODE BASE </ > One : Codebase

6. WIDGET FORMATION MyApp MaterialApp MyHomePag e Scaffold AppBar Text AppBar Column Text Text FloatingActionBut ton Icon

7. ITS ALL ABOUT WIDGETS