Flutter apps धेरै स्क्रिन साइज (फोनहरु, ट्याबलेटहरु, वेब, डेस्कटप) मा चल्दछ, त्यसैले responsive (साइजमा अनुकूल हुने) र adaptive (प्ल्याटफर्मको अनुकूल हुने) UIs निर्माण गर्नु महत्त्वपूर्ण छ। Flutter MediaQuery, LayoutBuilder, र लचकदार विजेटहरु जस्ता उपकरणहरु प्रदान गर्दछ।
Responsive: स्क्रिन साइजको अनुकूल हुने
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();
})