Flutter में, सब कुछ एक widget है — UI तत्व (बटन, पाठ, छवियां), लेआउट संरचनाएं (पंक्तियां, स्तंभ, padding) और यहां तक कि ऐप्लिकेशन ही सभी widgets हैं। Widgets अपरिवर्तनीय निर्माण खंड हैं जो संपूर्ण उपयोगकर्ता इंटरफेस बनाने के लिए रचना करते हैं।
सब कुछ एक 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 में बनाना
// 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]
