Flutter میں، ہر چیز ایک widget ہے — UI عناصر (buttons، text، images)، layout structures (rows، columns، padding)، اور یہاں تک کہ app خود بھی تمام widgets ہیں۔ Widgets وہ immutable بلاکس ہیں جو مل کر مکمل user interface بناتے ہیں۔
ہر چیز ایک widget ہے
Widgets describe the UI. EVERYTHING is a widget:
→ visible elements: Text, Image, Icon, Button, etc.
→ layout: Row, Column, Container, Padding, Center, Stack, etc.
→ structure: Scaffold (page structure), AppBar, etc.
→ even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
Widgets کو tree میں compose کرنا
// build a UI by NESTING widgets (composition)
Scaffold( // page structure
appBar: AppBar(title: Text('Home')), // app bar with text
body: Center( // centers its child
child: Column( // vertical layout
children: [
Text('Hello'), // text widget
ElevatedButton( // a button
onPressed: () {},
child: Text('Click'),
),
],
),
),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
