Aplikasi Flutter berjalan di banyak ukuran layar (ponsel, tablet, web, desktop), jadi membangun UI yang responsif (beradaptasi dengan ukuran) dan adaptif (beradaptasi dengan platform) adalah penting. Flutter menyediakan alat seperti MediaQuery, LayoutBuilder, dan widget fleksibel untuk ini.
Responsif: beradaptasi dengan ukuran layar
// 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();
})
