Flutter-এ, সবকিছুই একটি widget — UI উপাদান (বোতাম, টেক্সট, ছবি), লেআউট কাঠামো (সারি, কলাম, প্যাডিং), এবং অ্যাপ্লিকেশন নিজেই সবই 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 কে একটি গাছে সংযোজন করা
// 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]
