Ios Dynamic Type Reflow
Layouts must reflow gracefully at Dynamic Type accessibility sizes (up to ~200% scale) so that essential text is never clipped or truncated.
$ aoe install @community/rule-ios-dynamic-type-reflow Projection
Always in _index.xml · the agent never has to ask for this.
IosDynamicTypeReflow [rule] v1.0.0
Layouts must reflow gracefully at Dynamic Type accessibility sizes (up to ~200% scale) so that essential text is never clipped or truncated.
Loaded when retrieval picks the atom as adjacent / supporting.
IosDynamicTypeReflow [rule] v1.0.0
Layouts must reflow gracefully at Dynamic Type accessibility sizes (up to ~200% scale) so that essential text is never clipped or truncated.
Meta
- License: MIT AND Apache-2.0
- License Provenance: legacy-backfill
Applies To
any iOS layout containing text alongside icons, images, or other elements in a row
Loaded when retrieval picks the atom as a focal / direct hit.
IosDynamicTypeReflow [rule] v1.0.0
Layouts must reflow gracefully at Dynamic Type accessibility sizes (up to ~200% scale) so that essential text is never clipped or truncated.
Meta
- License: MIT AND Apache-2.0
- License Provenance: legacy-backfill
Applies To
any iOS layout containing text alongside icons, images, or other elements in a row
Examples
- An icon-label row should stack vertically (.accessibilityLarge+) when the label would otherwise truncate.
- Use .fixedSize(horizontal: false, vertical: true) in SwiftUI to let text expand vertically.
- Verify: set Dynamic Type to Accessibility Extra Large in Settings; confirm no text is truncated.
Relations
related: [@community/rule-ios-dynamic-type-semantic, @community/rule-ios-custom-font-dynamic-type, @community/constraint-ios-text-min-17pt]
Rationale
Millions of users rely on accessibility text sizes. Horizontal row layouts that clip text at large sizes make content unreadable and effectively exclude these users from the feature.
Meta
- License: MIT AND Apache-2.0
- License Provenance: legacy-backfill
Applies To
any iOS layout containing text alongside icons, images, or other elements in a row
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/rule-ios-dynamic-type-reflow/atom.yaml