ce8fe99bf9
Summary: Was reading https://yogalayout.com/docs/aspect-ratio and noticed a typo. "Flexbox does has" -> "Flexbox does have" Reviewed By: NickGerleman Differential Revision: D49885138 fbshipit-source-id: 847b40eda257bd0726c3992a7285ac6fa267d418
22 lines
850 B
Markdown
22 lines
850 B
Markdown
---
|
|
path: "/docs/aspect-ratio"
|
|
title: "Aspect Ratio"
|
|
hasPlayground: true
|
|
---
|
|
|
|
## Aspect Ratio
|
|
|
|
AspectRatio is a property introduced by Yoga and is not present as a settable
|
|
property in the css flexbox specification. Flexbox does have the notion of
|
|
aspect ratio though for things with intrinsic aspect ratio such as images.
|
|
|
|
The `aspect ratio` property in Yoga has the following properties:
|
|
|
|
- Accepts any floating point value > 0, the default is undefined.
|
|
- Defined as the ratio between the `width` and the `height` of a node e.g. if a node has an aspect ratio of 2 then its `width` is twice the size of its `height`.
|
|
- Respects the `min` and `max` dimensions of an item.
|
|
- Has higher priority than `flex grow`
|
|
- If `aspect ratio`, `width`, and `height` are set then the cross axis dimension is overridden.
|
|
|
|
<controls prop="aspectRatio"></controls>
|