Flutter UI Patterns

Build declarative interfaces whose widget tree reflects state clearly and remains easy to test.

Visual hierarchy, token selection, typography, color, surfaces, and aesthetic direction belong to flutter-ui-design. This skill owns implementing those decisions with maintainable widgets.

Composition

• Extract widgets around cohesive UI concepts, reuse, isolated state, or test value—not arbitrary file length.
• Prefer immutable widget configuration and const constructors where valid.
• Keep side effects out of build; trigger them from lifecycle-safe controllers, state objects, or explicit callbacks.
• Use the project theme and semantic design tokens instead of scattered literal styles.
• Preserve platform conventions where Material and Cupertino behavior should differ.
• Give forms explicit validation, focus, submission, and error behavior.
• Keep keys stable and purposeful; do not use random or changing keys to force rebuilds.

State boundaries

Own controllers, focus nodes, and animation controllers in the lifecycle that creates them, and dispose them there. Hoist state only when another component must coordinate it.