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

Markdown redirect frontmatter

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c
This commit is contained in:
Emil Sjölander
2018-02-14 08:42:49 -08:00
committed by Facebook Github Bot
parent 740ef6cd9e
commit 3ec41b656f
24 changed files with 207 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
website/contents/properties/flex.md
View File

@@ -6,33 +6,27 @@ hasPlayground: true
## Flex Basis, Grow, and Shrink
### Flex Grow
Flex grow describes how any space within a container should be distributed
**FLEX GROW** describes how any space within a container should be distributed
among its children along the main axis. After laying out its children, a container will
distribute any remaining space according to the flex grow values specified by its children.
flex grow accepts any floating point value >= 0, with 0 being the default value.
Flex grow accepts any floating point value >= 0, with 0 being the default value.
A container will distribute any remaining space among its children weighted by the child’s flex grow value.
<controls prop="flexGrow"></controls>
### Flex Shrink
Flex shrink describes how to shrink children along the main axis in the
**FLEX SHRINK** describes how to shrink children along the main axis in the
case that the total size of the children overflow the size of the container on the main axis.
flex shrink is very similar to flex grow and can be thought of in the same way if
any overflowing size is considered to be negative remaining space.
These two properties also work well together by allowing children to grow and shrink as needed.
flex shrink accepts any floating point value >= 0, with 1 being the default value.
Flex shrink accepts any floating point value >= 0, with 1 being the default value.
A container will shrink its children weighted by the child’s flex shrink value.
<controls prop="flexShrink"></controls>
### Flex Basis
Flex basis is an axis-independent way of providing the default size of an item
**FLEX BASIS** is an axis-independent way of providing the default size of an item
along the main axis. Setting the flex basis of a child is similar to setting the Width of that
child if its parent is a container with FlexDirection = row or setting the Height of a child
if its parent is a container with FlexDirection = column. The flex basis of an item is the