Flutter apps ਬਹੁਤ ਸਾਰੀਆਂ screen sizes (phones, tablets, web, desktop) ਉੱਤੇ ਚਲਦੇ ਹਨ, ਇਸ ਲਈ responsive (size ਨੂੰ adapt ਕਰਨਾ) ਅਤੇ adaptive (platform ਨੂੰ adapt ਕਰਨਾ) UIs ਬਣਾਉਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ। Flutter ਇਸ ਲਈ MediaQuery, LayoutBuilder, ਅਤੇ flexible widgets ਵਰਗੇ tools ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
Responsive: screen size ਨੂੰ adapt ਕਰਨਾ
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();
})