Tier D2

RN-universal AspectRatio pilot

Scaffolded

Constrain a child to a width:height ratio. No Radix — a single View with CSS `aspect-ratio` on web and the native `aspectRatio` style prop on iOS/Android. Same input, two platforms.

Side-by-side: 16:9

shadcn (Radix)
Coastal landscape
RN
Coastal landscape

Common ratios

1:1 square
1:1 square
4:3 classic
4:3 classic
16:9 widescreen
16:9 widescreen
21:9 ultrawide
21:9 ultrawide

Semantics

Aspectshadcn (Radix)RNNotes
Element<div style={{paddingTop:…}}><View style={{aspectRatio}}>RN uses the native style prop; web uses CSS
Dependency@radix-ui/react-aspect-rationoneTrivial layout primitive; Radix adds no value here
Nativen/aworks on iOS + AndroidaspectRatio is first-class in React Native