DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Document aspect ratio

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6976130

fbshipit-source-id: caf3cc1d1d1c00fee03ca26966fb57d1796e1604
This commit is contained in:
Emil Sjölander
2018-02-13 06:37:38 -08:00
committed by Facebook Github Bot
parent 699b1f5012
commit 1e3143656d
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
website/contents/properties/aspect-ratio.md
View File

@@ -5,4 +5,16 @@ hasPlayground: true
editableProperties: ['aspectRatio'] editableProperties: ['aspectRatio']
--- ---
## Aspect Ratio ## 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.