f4c2b6ae63
Summary: Closes https://github.com/facebook/yoga/pull/556 Differential Revision: D5102089 Pulled By: emilsjolander fbshipit-source-id: 340cab34189628318c08ec45fe8c50a5c1970a17
1.9 KiB
docid, title, layout, permalink
| docid | title | layout | permalink |
|---|---|---|---|
| min-max-dimen | Min & Max dimensions | docs | /docs/min-max-dimen/ |
Using MinWidth, MinHeight, MaxWidth, and MaxHeight gives you increased control over the final size of items in a layout. By mixing these properties with FlexGrow, FlexShrink, and AlignItems = Stretch, you are able to have items with dynamic size within a range which you control.
An example of when Max properties can be useful is if you are using AlignItems = Stretch but you know that your item won't look good after it increases past a certain point. In this case, your item will stretch to the size of its parent or until it is as big as specified in the Max property.
Same goes for the Min properties when using FlexShrink. For example, you may want children of a container to shrink to fit on one row, but if you specify a minimum width, they will break to the next line after a certain point (if you are using FlexWrap = Wrap).
Another case where Min and Max dimension constraints are useful is when using AspectRatio.