Flutter uygulamaları birçok ekran boyutunda (telefonlar, tabletler, web, masaüstü) çalışır, bu nedenle responsive (boyuta uyum sağlayan) ve adaptive (platforma uyum sağlayan) UI'lar oluşturmak önemlidir. Flutter bu için MediaQuery, LayoutBuilder ve esnek widget'lar gibi araçlar sağlar.
Responsive: ekran boyutuna uyum sağlama
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();
})