Layout

Input

Idioms and norms

This page covers all three categories in detail
using code snippets to illustrate the concepts.
If you’d like to see how these concepts come together,
check out the Flokk and Folio examples that
were built using the concepts described here.

Original demo code for adaptive app development techniques from flutter-adaptive-demo.

Building adaptive layouts

One of the first things you must consider when bringing
your app to multiple platforms is how to adapt
it to the various sizes and shapes of the screens that
it will run on.

Layout widgets

If you’ve been building apps or websites,
you’re probably familiar with creating responsive interfaces.
Luckily for Flutter developers,
there are a large set of widgets to make this easier.

Some of Flutter’s most useful layout widgets include:

Single child