diff --git a/docs/next/flexbox.html b/docs/next/flexbox.html index f636a369152..6b6ac7213f4 100644 --- a/docs/next/flexbox.html +++ b/docs/next/flexbox.html @@ -77,7 +77,7 @@

Flex

flex will define how your items are going to “fill” over the available space along your main axis. Space will be divided according to each element's flex property.

-

In the following example the red, yellow and the green views are all children in the container view that have flex: 1 set. The red view uses flex: 1 , the yellow view uses flex: 2 and the green view uses flex: 3 . 1+2+3 = 6 which means that the red view will get 1/6 of the space, the yellow 2/6 of the space and the red 3/6 of the space.

+

In the following example the red, yellow and the green views are all children in the container view that have flex: 1 set. The red view uses flex: 1 , the yellow view uses flex: 2 and the green view uses flex: 3 . 1+2+3 = 6 which means that the red view will get 1/6 of the space, the yellow 2/6 of the space and the green 3/6 of the space.

Flex

Flex Direction

flexDirection controls the direction in which children of a node are laid out. This is also referred to as the main axis. The cross axis the the axis perpendicular to the main axis, or the axis which wrapping lines are laid out in.

diff --git a/docs/next/flexbox/index.html b/docs/next/flexbox/index.html index f636a369152..6b6ac7213f4 100644 --- a/docs/next/flexbox/index.html +++ b/docs/next/flexbox/index.html @@ -77,7 +77,7 @@

Flex

flex will define how your items are going to “fill” over the available space along your main axis. Space will be divided according to each element's flex property.

-

In the following example the red, yellow and the green views are all children in the container view that have flex: 1 set. The red view uses flex: 1 , the yellow view uses flex: 2 and the green view uses flex: 3 . 1+2+3 = 6 which means that the red view will get 1/6 of the space, the yellow 2/6 of the space and the red 3/6 of the space.

+

In the following example the red, yellow and the green views are all children in the container view that have flex: 1 set. The red view uses flex: 1 , the yellow view uses flex: 2 and the green view uses flex: 3 . 1+2+3 = 6 which means that the red view will get 1/6 of the space, the yellow 2/6 of the space and the green 3/6 of the space.

Flex

Flex Direction

flexDirection controls the direction in which children of a node are laid out. This is also referred to as the main axis. The cross axis the the axis perpendicular to the main axis, or the axis which wrapping lines are laid out in.