Mobile UX Core

Priority: P0 (CRITICAL)

Guidelines

• Touch Targets: Min 44x44pt (iOS) / 48x48dp (Android). Add padding if needed.
• Safe Areas: Wrap content in SafeArea/WindowInsets. Avoid notches.
• Interactions: Use active states (no hover). Haptic feedback (short).
• Typography: Min 16sp body. Line height 1.5x.
• Keyboards: Auto-scroll inputs. Set InputType (email/number) & Action.

Code Examples

• Correct: IconButton(icon: Icon(Icons.close), padding: EdgeInsets.all(12))
• Avoid: Icon(Icons.close, size: 16) (Touch target too small)

Anti-Patterns