Flutter programos veikia daugelyje ekrano dydžių (telefonai, planšetės, žiniatinklis, staliniai kompiuteriai), todėl responsyvių (prisitaikančių prie dydžio) ir adaptyviųjų (prisitaikančių prie platformos) UI kūrimas yra svarbus. Flutter suteikia tokius įrankius kaip MediaQuery, LayoutBuilder ir lanksčius valdiklius.
Responsyvus: prisitaikymas prie ekrano dydžio
// 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();
})
