Flutter অ্যাপ্লিকেশনগুলি অনেক স্ক্রীন সাইজে চলে (ফোন, ট্যাবলেট, ওয়েব, ডেস্কটপ), তাই প্রতিক্রিয়াশীল (আকারের সাথে খাপ খাইয়ে নেওয়া) এবং অভিযোজিত (প্ল্যাটফর্মের সাথে খাপ খাইয়ে নেওয়া) UI তৈরি করা গুরুত্বপূর্ণ। Flutter এই জন্য MediaQuery, LayoutBuilder, এবং নমনীয় উইজেটগুলির মতো সরঞ্জাম সরবরাহ করে।
প্রতিক্রিয়াশীল: স্ক্রীন সাইজের সাথে খাপ খাওয়ানো
dart
// MediaQuery — get screen dimensions and adapt
final width = MediaQuery.of(context).size.width;
if (width > 600) {
// tablet/desktop layout (e.g. side-by-side)
} else {
// phone layout (e.g. stacked)
}
// LayoutBuilder — adapt based on the available space (parent constraints)
LayoutBuilder(builder: (context, constraints) {
if (constraints.maxWidth > 600) return WideLayout();
return NarrowLayout();
})