mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Updated docs for next
This commit is contained in:
@@ -6,8 +6,7 @@
|
||||
])</span> <a class="hash-link" href="docs/layout-props.html#alignitems">#</a></h4><div><p><code>alignItems</code> aligns children in the cross direction.
|
||||
For example, if children are flowing vertically, <code>alignItems</code>
|
||||
controls how they align horizontally.
|
||||
It works like <code>align-items</code> in CSS, except the default value
|
||||
is <code>stretch</code> instead of <code>flex-start</code>.
|
||||
It works like <code>align-items</code> in CSS (default: stretch).
|
||||
See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-items">https://developer.mozilla.org/en-US/docs/Web/CSS/align-items</a>
|
||||
for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="alignself"></a>alignSelf <span class="propType">ReactPropTypes.oneOf([
|
||||
'auto',
|
||||
@@ -17,7 +16,7 @@
|
||||
'stretch'
|
||||
])</span> <a class="hash-link" href="docs/layout-props.html#alignself">#</a></h4><div><p><code>alignSelf</code> controls how a child aligns in the cross direction,
|
||||
overriding the <code>alignItems</code> of the parent. It works like <code>align-self</code>
|
||||
in CSS.
|
||||
in CSS (default: auto).
|
||||
See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-self">https://developer.mozilla.org/en-US/docs/Web/CSS/align-self</a>
|
||||
for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="borderbottomwidth"></a>borderBottomWidth <span class="propType">ReactPropTypes.number</span> <a class="hash-link" href="docs/layout-props.html#borderbottomwidth">#</a></h4><div><p><code>borderBottomWidth</code> works like <code>border-bottom-width</code> in CSS.
|
||||
See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width">https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width</a>
|
||||
@@ -56,7 +55,7 @@ for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a clas
|
||||
'nowrap'
|
||||
])</span> <a class="hash-link" href="docs/layout-props.html#flexwrap">#</a></h4><div><p><code>flexWrap</code> controls whether children can wrap around after they
|
||||
hit the end of a flex container.
|
||||
It works like <code>flex-wrap</code> in CSS.
|
||||
It works like <code>flex-wrap</code> in CSS (default: nowrap).
|
||||
See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap">https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap</a>
|
||||
for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="height"></a>height <span class="propType">ReactPropTypes.number</span> <a class="hash-link" href="docs/layout-props.html#height">#</a></h4><div><p><code>height</code> sets the height of this component.</p><p> It works similarly to <code>height</code> in CSS, but in React Native you
|
||||
must use logical pixel units, rather than percents, ems, or any of that.
|
||||
@@ -69,7 +68,7 @@ for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a clas
|
||||
])</span> <a class="hash-link" href="docs/layout-props.html#justifycontent">#</a></h4><div><p><code>justifyContent</code> aligns children in the main direction.
|
||||
For example, if children are flowing vertically, <code>justifyContent</code>
|
||||
controls how they align vertically.
|
||||
It works like <code>justify-content</code> in CSS.
|
||||
It works like <code>justify-content</code> in CSS (default: flex-start).
|
||||
See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content">https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content</a>
|
||||
for more details.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="left"></a>left <span class="propType">ReactPropTypes.number</span> <a class="hash-link" href="docs/layout-props.html#left">#</a></h4><div><p><code>left</code> is the number of logical pixels to offset the left edge of
|
||||
this component.</p><p> It works similarly to <code>left</code> in CSS, but in React Native you must
|
||||
|
||||
Reference in New Issue
Block a user