| name | Idiomatic Flutter |
|---|---|
| description | Modern layout and widget composition standards. |
| metadata | {"labels": ["flutter", "clean-code", "widgets"], "triggers": {"files": ["lib/presentation/**/*.dart"], "keywords": ["context.mounted", "SizedBox", "Gap", "composition", "shrink"]}} |
Idiomatic Flutter
Priority: P1 (OPERATIONAL)
Modern Flutter layout patterns and composition techniques.
- Async Gaps: Check
if (context.mounted)before usingBuildContextafterawait. - Composition: Extract complex UI into small widgets. Avoid deep nesting or large helper methods.
- Layout:
- Spacing: Use
Gap(n)orSizedBoxoverPaddingfor simple gaps. - Empty UI: Use
const SizedBox.shrink(). - Intrinsic: Avoid
IntrinsicWidth/Height; useStack+FractionallySizedBoxfor overlays. - Optimization: Use
ColoredBox/Padding/DecoratedBoxinstead ofContainerwhen possible. - Themes: Use extensions for
Theme.of(context)access.