Document layout direction

Reviewed By: priteshrnandgaonkar

Differential Revision: D7000393

fbshipit-source-id: 2e5ae6a3fb69386920655bdfeee71a11f1775c2a
This commit is contained in:
Emil Sjölander
2018-02-16 03:47:09 -08:00
committed by Facebook Github Bot
parent 3f85763797
commit 0ca44f3001

View File

@@ -6,4 +6,18 @@ hasPlayground: true
## Layout Direction ## Layout Direction
Layout direction specifies the direction in which children and text
in a hierarchy should be laid out. Layout direction also effects what
edge `start` and `end` refer to. By default Yoga lays out with `LTR`
layout direction. In this mode `start` refers to `left` and `end`
refers to `right`. When localizing your apps for markets with RTL languages
you should customize this by either by passing a direction
to the `CalculateLayout` call or by setting the direction on the root node.
**LTR (DEFAULT)** Text and children and laid our from left to right. Margin and
padding applied the start of an element are applied on the left side.
**RTL (DEFAULT)** Text and children and laid our from right to left. Margin and
padding applied the start of an element are applied on the right side.
<controls prop="layoutDirection"></controls> <controls prop="layoutDirection"></controls>