Building adaptive apps

UI

Layout

Building adaptive apps

Overview

Building adaptive layouts

Layout widgets
Visual density
Contextual layout

Screen-based breakpoints
Use LayoutBuilder for extra flexibility
Device segmentation


Single source of truth for styling
Design to the strengths of each form factor
Use desktop build targets for rapid testing
Solve touch first

Input

Scroll wheel
Tab traversal and focus interactions

Controlling traversal order


Keyboard accelerators
Mouse enter, exit, and hover

Idioms and norms

Consider expected behavior on each platform

Find a platform advocate
Stay unique


Common idioms and norms to consider