Ios Flexible Layout
Layouts must adapt from iPhone SE (375pt width) to iPhone Pro Max (430pt width) without hardcoded widths or fixed dimensions.
$ aoe install @community/rule-ios-flexible-layoutProjection
Always in _index.xml · the agent never has to ask for this.
IosFlexibleLayout [rule] v1.0.0
Layouts must adapt from iPhone SE (375pt width) to iPhone Pro Max (430pt width) without hardcoded widths or fixed dimensions.
Loaded when retrieval picks the atom as adjacent / supporting.
IosFlexibleLayout [rule] v1.0.0
Layouts must adapt from iPhone SE (375pt width) to iPhone Pro Max (430pt width) without hardcoded widths or fixed dimensions.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
all iOS screen layouts for iPhone
Loaded when retrieval picks the atom as a focal / direct hit.
IosFlexibleLayout [rule] v1.0.0
Layouts must adapt from iPhone SE (375pt width) to iPhone Pro Max (430pt width) without hardcoded widths or fixed dimensions.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
all iOS screen layouts for iPhone
Examples
- Use .frame(maxWidth: .infinity) on cards instead of .frame(width: 350).
- Test on both smallest (iPhone SE 375pt) and largest (iPhone 16 Pro Max 430pt) in the Xcode canvas.
- Use GeometryReader only when a dimension truly needs to be a percentage of the screen; prefer stack-based relative sizing.
Relations
related: [@community/rule-ios-8pt-grid, @community/rule-ios-safe-area-insets, @community/rule-ios-dynamic-type-reflow]
Rationale
Fixed widths break on small screens (SE clips content) and waste space on large ones (Pro Max shows awkward gaps). Flexible relative sizing covers the full iPhone point-width range of 375–430pt.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
all iOS screen layouts for iPhone
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/rule-ios-flexible-layout/atom.yaml