Flutter Platform Patterns

Overview

Guide Flutter development for platform-adaptive UI, responsive layouts, and native platform integration. Covers Material vs. Cupertino patterns, adaptive widgets, responsive layout strategies, and platform channels. Stack-specific Tier 3 reference skill.

Workflow

1. Read project setup — Check .chalk/docs/engineering/ for architecture docs. Determine the target platforms (iOS, Android, web, desktop), minimum SDK versions, and any platform-specific requirements or design guidelines.

2. Identify the scope — Parse $ARGUMENTS for the specific platform pattern or concern. Categories include: adaptive UI, responsive layout, platform channels, or platform-specific behavior.

3. Audit platform-adaptive UI — Check for:

   • Hardcoded Material widgets where Cupertino equivalents are expected on iOS (e.g., Switch vs. CupertinoSwitch)
   • Missing platform checks (Platform.isIOS, Theme.of(context).platform) for platform-specific behavior
   • Navigation patterns that feel wrong on the target platform (e.g., bottom tabs on Android vs. iOS conventions)
   • Adaptive widget usage: prefer Switch.adaptive, Slider.adaptive, and similar when available