DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity
Files
1b66b5d941a784a19c075f83a9c385729d9f994c
yoga/website/contents/properties/aspect-ratio.md
Daniel Büchele 8c5cbf698b Inline controls for docs 
Summary:
Adding inline controls in markdown using:
```
<controls prop="flexWrap"></controls>
```

Reviewed By: emilsjolander

Differential Revision: D6987150

fbshipit-source-id: 28def12df702ba5d5d5b6a83dd1cb907716d1b1c
2018-02-14 08:17:21 -08:00

819 B
Raw Blame History

path, title, hasPlayground
path title hasPlayground
docs/aspect-ratio Aspect Ratio 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 has 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 FlexGrow
  • If AspectRatio, Width, and Height are set then the cross dimension is overridden.