Flutter aplikacije se izvajajo na številnih velikostih zaslona (telefoni, tablični računalniki, splet, namizje), zato je gradnja odzivnih (prilagajanje velikosti) in prilagodljivih (prilagajanje platformi) uporabniških vmesnikov pomembna. Flutter ponuja orodja kot so MediaQuery, LayoutBuilder in fleksibilni gradniki za to.
Odzivnost: prilagajanje velikosti zaslona
// 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();
})
