mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Deploy website
Deploy website version based on 3af88956b319fc8eb216318f75c0a5ee4619c182
This commit is contained in:
Website Deployment Script
+1
-31
@@ -613,39 +613,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.60/text-style-props">Text Style Props</a>, <a href="/docs/0.60/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.60/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.60/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.60/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.60/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
@@ -613,39 +613,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.60/text-style-props">Text Style Props</a>, <a href="/docs/0.60/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.60/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.60/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.60/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.60/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
+1
-31
@@ -613,39 +613,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.61/text-style-props">Text Style Props</a>, <a href="/docs/0.61/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.61/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.61/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.61/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.61/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
@@ -613,39 +613,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.61/text-style-props">Text Style Props</a>, <a href="/docs/0.61/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.61/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.61/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.61/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.61/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
+1
-31
@@ -689,39 +689,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.62/text-style-props">Text Style Props</a>, <a href="/docs/0.62/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.62/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.62/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.62/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.62/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
@@ -689,39 +689,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/0.62/text-style-props">Text Style Props</a>, <a href="/docs/0.62/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/0.62/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/0.62/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/0.62/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/0.62/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
+113
-112
@@ -426,199 +426,200 @@ export default App;
|
||||
"
|
||||
></div></div></div><h1><a class="anchor" aria-hidden="true" id="reference"></a><a href="#reference" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Reference</h1>
|
||||
<h2><a class="anchor" aria-hidden="true" id="props"></a><a href="#props" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Props</h2>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowoffset"></a><a href="#textshadowoffset" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowOffset</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>object: {width: number,height: number}</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="color"></a><a href="#color" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>color</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontsize"></a><a href="#fontsize" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontSize</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontstyle"></a><a href="#fontstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontStyle</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('normal', 'italic')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontweight"></a><a href="#fontweight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontWeight</code></h3>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="lineheight"></a><a href="#lineheight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>lineHeight</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalign"></a><a href="#textalign" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlign</code></h3>
|
||||
<p>Specifies text alignment. The value 'justify' is only supported on iOS and fallbacks to <code>left</code> on Android.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'left', 'right', 'center', 'justify')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationline"></a><a href="#textdecorationline" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationLine</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('none', 'underline', 'line-through', 'underline line-through')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowcolor"></a><a href="#textshadowcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowColor</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontfamily"></a><a href="#fontfamily" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontFamily</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>string</td><td>No</td></tr>
|
||||
<tr><td>string</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowradius"></a><a href="#textshadowradius" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowRadius</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontsize"></a><a href="#fontsize" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontSize</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="includefontpadding"></a><a href="#includefontpadding" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>includeFontPadding</code></h3>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontstyle"></a><a href="#fontstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontStyle</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>bool</td><td>No</td><td>Android</td></tr>
|
||||
<tr><td>enum(<code>'normal'</code>, <code>'italic'</code>)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalignvertical"></a><a href="#textalignvertical" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlignVertical</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontweight"></a><a href="#fontweight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontWeight</code></h3>
|
||||
<p>Specifies font weight. The values <code>'normal'</code> and <code>'bold'</code> are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'top', 'bottom', 'center')</td><td>No</td><td>Android</td></tr>
|
||||
<tr><td>enum(<code>'normal'</code>, <code>'bold'</code>, <code>'100'</code>, <code>'200'</code>, <code>'300'</code>, <code>'400'</code>, <code>'500'</code>, <code>'600'</code>, <code>'700'</code>, <code>'800'</code>, <code>'900'</code>)</td><td><code>'normal'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="includefontpadding-div-classlabel-androidandroiddiv"></a><a href="#includefontpadding-div-classlabel-androidandroiddiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>includeFontPadding</code> <div class="label android">Android</div></h3>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>bool</td><td><code>true</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontvariant"></a><a href="#fontvariant" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontVariant</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums')</td><td>No</td><td>iOS, Android >= 5.0</td></tr>
|
||||
<tr><td>array of enum(<code>'small-caps'</code>, <code>'oldstyle-nums'</code>, <code>'lining-nums'</code>, <code>'tabular-nums'</code>, <code>'proportional-nums'</code>)</td><td><code>[]</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="letterspacing"></a><a href="#letterspacing" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>letterSpacing</code></h3>
|
||||
<p>Increase or decrease the spacing between characters. By default there is no extra letter spacing.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td><td>iOS, Android >= 5.0</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationcolor"></a><a href="#textdecorationcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationColor</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="lineheight"></a><a href="#lineheight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>lineHeight</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationstyle"></a><a href="#textdecorationstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationStyle</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalign"></a><a href="#textalign" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlign</code></h3>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('solid', 'double', 'dotted', 'dashed')</td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'left'</code>, <code>'right'</code>, <code>'center'</code>, <code>'justify'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalignvertical-div-classlabel-androidandroiddiv"></a><a href="#textalignvertical-div-classlabel-androidandroiddiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlignVertical</code> <div class="label android">Android</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'top'</code>, <code>'bottom'</code>, <code>'center'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationcolor-div-classlabel-iosiosdiv"></a><a href="#textdecorationcolor-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationColor</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationline"></a><a href="#textdecorationline" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationLine</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'none'</code>, <code>'underline'</code>, <code>'line-through'</code>, <code>'underline line-through'</code>)</td><td><code>'none'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationstyle-div-classlabel-iosiosdiv"></a><a href="#textdecorationstyle-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationStyle</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'solid'</code>, <code>'double'</code>, <code>'dotted'</code>, <code>'dashed'</code>)</td><td><code>'solid'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowcolor"></a><a href="#textshadowcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowColor</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowoffset"></a><a href="#textshadowoffset" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowOffset</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>object: { width?: number, height?: number }</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowradius"></a><a href="#textshadowradius" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowRadius</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="texttransform"></a><a href="#texttransform" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textTransform</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('none', 'uppercase', 'lowercase', 'capitalize')</td><td>No</td></tr>
|
||||
<tr><td>enum(<code>'none'</code>, <code>'uppercase'</code>, <code>'lowercase'</code>, <code>'capitalize'</code>)</td><td><code>'none'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="writingdirection"></a><a href="#writingdirection" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>writingDirection</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="writingdirection-div-classlabel-iosiosdiv"></a><a href="#writingdirection-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>writingDirection</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'ltr', 'rtl')</td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'ltr'</code>, <code>'rtl'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/shadow-props"><span class="arrow-prev">← </span><span>Shadow Props</span></a><a class="docs-next button" href="/docs/next/view-style-props"><span>View Style Props</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#props">Props</a><ul class="toc-headings"><li><a href="#textshadowoffset"><code>textShadowOffset</code></a></li><li><a href="#color"><code>color</code></a></li><li><a href="#fontsize"><code>fontSize</code></a></li><li><a href="#fontstyle"><code>fontStyle</code></a></li><li><a href="#fontweight"><code>fontWeight</code></a></li><li><a href="#lineheight"><code>lineHeight</code></a></li><li><a href="#textalign"><code>textAlign</code></a></li><li><a href="#textdecorationline"><code>textDecorationLine</code></a></li><li><a href="#textshadowcolor"><code>textShadowColor</code></a></li><li><a href="#fontfamily"><code>fontFamily</code></a></li><li><a href="#textshadowradius"><code>textShadowRadius</code></a></li><li><a href="#includefontpadding"><code>includeFontPadding</code></a></li><li><a href="#textalignvertical"><code>textAlignVertical</code></a></li><li><a href="#fontvariant"><code>fontVariant</code></a></li><li><a href="#letterspacing"><code>letterSpacing</code></a></li><li><a href="#textdecorationcolor"><code>textDecorationColor</code></a></li><li><a href="#textdecorationstyle"><code>textDecorationStyle</code></a></li><li><a href="#texttransform"><code>textTransform</code></a></li><li><a href="#writingdirection"><code>writingDirection</code></a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/shadow-props"><span class="arrow-prev">← </span><span>Shadow Props</span></a><a class="docs-next button" href="/docs/next/view-style-props"><span>View Style Props</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#props">Props</a><ul class="toc-headings"><li><a href="#color"><code>color</code></a></li><li><a href="#fontfamily"><code>fontFamily</code></a></li><li><a href="#fontsize"><code>fontSize</code></a></li><li><a href="#fontstyle"><code>fontStyle</code></a></li><li><a href="#fontweight"><code>fontWeight</code></a></li><li><a href="#includefontpadding-div-classlabel-androidandroiddiv"><code>includeFontPadding</code> <div class="label android">Android</div></a></li><li><a href="#fontvariant"><code>fontVariant</code></a></li><li><a href="#letterspacing"><code>letterSpacing</code></a></li><li><a href="#lineheight"><code>lineHeight</code></a></li><li><a href="#textalign"><code>textAlign</code></a></li><li><a href="#textalignvertical-div-classlabel-androidandroiddiv"><code>textAlignVertical</code> <div class="label android">Android</div></a></li><li><a href="#textdecorationcolor-div-classlabel-iosiosdiv"><code>textDecorationColor</code> <div class="label ios">iOS</div></a></li><li><a href="#textdecorationline"><code>textDecorationLine</code></a></li><li><a href="#textdecorationstyle-div-classlabel-iosiosdiv"><code>textDecorationStyle</code> <div class="label ios">iOS</div></a></li><li><a href="#textshadowcolor"><code>textShadowColor</code></a></li><li><a href="#textshadowoffset"><code>textShadowOffset</code></a></li><li><a href="#textshadowradius"><code>textShadowRadius</code></a></li><li><a href="#texttransform"><code>textTransform</code></a></li><li><a href="#writingdirection-div-classlabel-iosiosdiv"><code>writingDirection</code> <div class="label ios">iOS</div></a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
@@ -426,199 +426,200 @@ export default App;
|
||||
"
|
||||
></div></div></div><h1><a class="anchor" aria-hidden="true" id="reference"></a><a href="#reference" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Reference</h1>
|
||||
<h2><a class="anchor" aria-hidden="true" id="props"></a><a href="#props" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Props</h2>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowoffset"></a><a href="#textshadowoffset" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowOffset</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>object: {width: number,height: number}</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="color"></a><a href="#color" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>color</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontsize"></a><a href="#fontsize" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontSize</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontstyle"></a><a href="#fontstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontStyle</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('normal', 'italic')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontweight"></a><a href="#fontweight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontWeight</code></h3>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="lineheight"></a><a href="#lineheight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>lineHeight</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalign"></a><a href="#textalign" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlign</code></h3>
|
||||
<p>Specifies text alignment. The value 'justify' is only supported on iOS and fallbacks to <code>left</code> on Android.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'left', 'right', 'center', 'justify')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationline"></a><a href="#textdecorationline" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationLine</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('none', 'underline', 'line-through', 'underline line-through')</td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowcolor"></a><a href="#textshadowcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowColor</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontfamily"></a><a href="#fontfamily" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontFamily</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>string</td><td>No</td></tr>
|
||||
<tr><td>string</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowradius"></a><a href="#textshadowradius" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowRadius</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontsize"></a><a href="#fontsize" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontSize</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="includefontpadding"></a><a href="#includefontpadding" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>includeFontPadding</code></h3>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontstyle"></a><a href="#fontstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontStyle</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>bool</td><td>No</td><td>Android</td></tr>
|
||||
<tr><td>enum(<code>'normal'</code>, <code>'italic'</code>)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalignvertical"></a><a href="#textalignvertical" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlignVertical</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontweight"></a><a href="#fontweight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontWeight</code></h3>
|
||||
<p>Specifies font weight. The values <code>'normal'</code> and <code>'bold'</code> are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'top', 'bottom', 'center')</td><td>No</td><td>Android</td></tr>
|
||||
<tr><td>enum(<code>'normal'</code>, <code>'bold'</code>, <code>'100'</code>, <code>'200'</code>, <code>'300'</code>, <code>'400'</code>, <code>'500'</code>, <code>'600'</code>, <code>'700'</code>, <code>'800'</code>, <code>'900'</code>)</td><td><code>'normal'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="includefontpadding-div-classlabel-androidandroiddiv"></a><a href="#includefontpadding-div-classlabel-androidandroiddiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>includeFontPadding</code> <div class="label android">Android</div></h3>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>bool</td><td><code>true</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="fontvariant"></a><a href="#fontvariant" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>fontVariant</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums')</td><td>No</td><td>iOS, Android >= 5.0</td></tr>
|
||||
<tr><td>array of enum(<code>'small-caps'</code>, <code>'oldstyle-nums'</code>, <code>'lining-nums'</code>, <code>'tabular-nums'</code>, <code>'proportional-nums'</code>)</td><td><code>[]</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="letterspacing"></a><a href="#letterspacing" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>letterSpacing</code></h3>
|
||||
<p>Increase or decrease the spacing between characters. By default there is no extra letter spacing.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td><td>No</td><td>iOS, Android >= 5.0</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationcolor"></a><a href="#textdecorationcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationColor</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="lineheight"></a><a href="#lineheight" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>lineHeight</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationstyle"></a><a href="#textdecorationstyle" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationStyle</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalign"></a><a href="#textalign" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlign</code></h3>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('solid', 'double', 'dotted', 'dashed')</td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'left'</code>, <code>'right'</code>, <code>'center'</code>, <code>'justify'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textalignvertical-div-classlabel-androidandroiddiv"></a><a href="#textalignvertical-div-classlabel-androidandroiddiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textAlignVertical</code> <div class="label android">Android</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'top'</code>, <code>'bottom'</code>, <code>'center'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationcolor-div-classlabel-iosiosdiv"></a><a href="#textdecorationcolor-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationColor</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationline"></a><a href="#textdecorationline" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationLine</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'none'</code>, <code>'underline'</code>, <code>'line-through'</code>, <code>'underline line-through'</code>)</td><td><code>'none'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textdecorationstyle-div-classlabel-iosiosdiv"></a><a href="#textdecorationstyle-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textDecorationStyle</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum(<code>'solid'</code>, <code>'double'</code>, <code>'dotted'</code>, <code>'dashed'</code>)</td><td><code>'solid'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowcolor"></a><a href="#textshadowcolor" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowColor</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td><a href="/docs/next/colors">color</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowoffset"></a><a href="#textshadowoffset" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowOffset</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>object: { width?: number, height?: number }</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="textshadowradius"></a><a href="#textshadowradius" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textShadowRadius</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>number</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="texttransform"></a><a href="#texttransform" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>textTransform</code></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('none', 'uppercase', 'lowercase', 'capitalize')</td><td>No</td></tr>
|
||||
<tr><td>enum(<code>'none'</code>, <code>'uppercase'</code>, <code>'lowercase'</code>, <code>'capitalize'</code>)</td><td><code>'none'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="writingdirection"></a><a href="#writingdirection" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>writingDirection</code></h3>
|
||||
<h3><a class="anchor" aria-hidden="true" id="writingdirection-div-classlabel-iosiosdiv"></a><a href="#writingdirection-div-classlabel-iosiosdiv" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>writingDirection</code> <div class="label ios">iOS</div></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Type</th><th>Required</th><th>Platform</th></tr>
|
||||
<tr><th>Type</th><th>Default</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>enum('auto', 'ltr', 'rtl')</td><td>No</td><td>iOS</td></tr>
|
||||
<tr><td>enum(<code>'auto'</code>, <code>'ltr'</code>, <code>'rtl'</code>)</td><td><code>'auto'</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/shadow-props"><span class="arrow-prev">← </span><span>Shadow Props</span></a><a class="docs-next button" href="/docs/next/view-style-props"><span>View Style Props</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#props">Props</a><ul class="toc-headings"><li><a href="#textshadowoffset"><code>textShadowOffset</code></a></li><li><a href="#color"><code>color</code></a></li><li><a href="#fontsize"><code>fontSize</code></a></li><li><a href="#fontstyle"><code>fontStyle</code></a></li><li><a href="#fontweight"><code>fontWeight</code></a></li><li><a href="#lineheight"><code>lineHeight</code></a></li><li><a href="#textalign"><code>textAlign</code></a></li><li><a href="#textdecorationline"><code>textDecorationLine</code></a></li><li><a href="#textshadowcolor"><code>textShadowColor</code></a></li><li><a href="#fontfamily"><code>fontFamily</code></a></li><li><a href="#textshadowradius"><code>textShadowRadius</code></a></li><li><a href="#includefontpadding"><code>includeFontPadding</code></a></li><li><a href="#textalignvertical"><code>textAlignVertical</code></a></li><li><a href="#fontvariant"><code>fontVariant</code></a></li><li><a href="#letterspacing"><code>letterSpacing</code></a></li><li><a href="#textdecorationcolor"><code>textDecorationColor</code></a></li><li><a href="#textdecorationstyle"><code>textDecorationStyle</code></a></li><li><a href="#texttransform"><code>textTransform</code></a></li><li><a href="#writingdirection"><code>writingDirection</code></a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/shadow-props"><span class="arrow-prev">← </span><span>Shadow Props</span></a><a class="docs-next button" href="/docs/next/view-style-props"><span>View Style Props</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#props">Props</a><ul class="toc-headings"><li><a href="#color"><code>color</code></a></li><li><a href="#fontfamily"><code>fontFamily</code></a></li><li><a href="#fontsize"><code>fontSize</code></a></li><li><a href="#fontstyle"><code>fontStyle</code></a></li><li><a href="#fontweight"><code>fontWeight</code></a></li><li><a href="#includefontpadding-div-classlabel-androidandroiddiv"><code>includeFontPadding</code> <div class="label android">Android</div></a></li><li><a href="#fontvariant"><code>fontVariant</code></a></li><li><a href="#letterspacing"><code>letterSpacing</code></a></li><li><a href="#lineheight"><code>lineHeight</code></a></li><li><a href="#textalign"><code>textAlign</code></a></li><li><a href="#textalignvertical-div-classlabel-androidandroiddiv"><code>textAlignVertical</code> <div class="label android">Android</div></a></li><li><a href="#textdecorationcolor-div-classlabel-iosiosdiv"><code>textDecorationColor</code> <div class="label ios">iOS</div></a></li><li><a href="#textdecorationline"><code>textDecorationLine</code></a></li><li><a href="#textdecorationstyle-div-classlabel-iosiosdiv"><code>textDecorationStyle</code> <div class="label ios">iOS</div></a></li><li><a href="#textshadowcolor"><code>textShadowColor</code></a></li><li><a href="#textshadowoffset"><code>textShadowOffset</code></a></li><li><a href="#textshadowradius"><code>textShadowRadius</code></a></li><li><a href="#texttransform"><code>textTransform</code></a></li><li><a href="#writingdirection-div-classlabel-iosiosdiv"><code>writingDirection</code> <div class="label ios">iOS</div></a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
+1
-31
@@ -691,39 +691,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/next/text-style-props">Text Style Props</a>, <a href="/docs/next/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/next/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/next/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/next/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/next/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
@@ -691,39 +691,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/next/text-style-props">Text Style Props</a>, <a href="/docs/next/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/next/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/next/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/next/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/next/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
+1
-31
@@ -691,39 +691,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/text-style-props">Text Style Props</a>, <a href="/docs/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
+1
-31
@@ -691,39 +691,9 @@
|
||||
<tr><th>Type</th><th>Required</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>style</td><td>No</td></tr>
|
||||
<tr><td><a href="/docs/text-style-props">Text Style Props</a>, <a href="/docs/view-style-props">View Style Props</a></td><td>No</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul>
|
||||
<li><p><a href="/docs/view-style-props#style">View Style Props...</a></p></li>
|
||||
<li><p><strong><code>textShadowOffset</code></strong>: object: {width: number,height: number}</p></li>
|
||||
<li><p><strong><code>color</code></strong>: <a href="/docs/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontSize</code></strong>: number</p></li>
|
||||
<li><p><strong><code>fontStyle</code></strong>: enum('normal', 'italic')</p></li>
|
||||
<li><p><strong><code>fontWeight</code></strong>: enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')</p>
|
||||
<p>Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.</p></li>
|
||||
<li><p><strong><code>lineHeight</code></strong>: number</p></li>
|
||||
<li><p><strong><code>textAlign</code></strong>: enum('auto', 'left', 'right', 'center', 'justify')</p>
|
||||
<p>Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to <code>left</code> on lower Android versions.</p></li>
|
||||
<li><p><strong><code>textDecorationLine</code></strong>: enum('none', 'underline', 'line-through', 'underline line-through')</p></li>
|
||||
<li><p><strong><code>textShadowColor</code></strong>: <a href="/docs/colors">color</a></p></li>
|
||||
<li><p><strong><code>fontFamily</code></strong>: string</p></li>
|
||||
<li><p><strong><code>textShadowRadius</code></strong>: number</p></li>
|
||||
<li><p><strong><code>includeFontPadding</code></strong>: bool (<em>Android</em>)</p>
|
||||
<p>Set to <code>false</code> to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set <code>textAlignVertical</code> to <code>center</code>. Default is true.</p></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><p><strong><code>textAlignVertical</code></strong>: enum('auto', 'top', 'bottom', 'center') (<em>Android</em>)</p></li>
|
||||
<li><p><strong><code>fontVariant</code></strong>: array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>letterSpacing</code></strong>: number</p>
|
||||
<p>Increase or decrease the spacing between characters. The default is 0, for no extra letter spacing.</p>
|
||||
<p>iOS: The additional space will be rendered after each glyph.</p>
|
||||
<p>Android: Only supported since Android 5.0 - older versions will ignore this attribute. Please note that additional space will be added <em>around</em> the glyphs (half on each side), which differs from the iOS rendering. It is possible to emulate the iOS rendering by using layout attributes, e.g. negative margins, as appropriate for your situation.</p></li>
|
||||
<li><p><strong><code>textDecorationColor</code></strong>: <a href="/docs/colors">color</a> (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textDecorationStyle</code></strong>: enum('solid', 'double', 'dotted', 'dashed') (<em>iOS</em>)</p></li>
|
||||
<li><p><strong><code>textTransform</code></strong>: enum('none', 'uppercase', 'lowercase', 'capitalize')</p></li>
|
||||
<li><p><strong><code>writingDirection</code></strong>: enum('auto', 'ltr', 'rtl') (<em>iOS</em>)</p></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h3><a class="anchor" aria-hidden="true" id="suppresshighlighting"></a><a href="#suppresshighlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><code>suppressHighlighting</code></h3>
|
||||
<p>When <code>true</code>, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.</p>
|
||||
|
||||
Reference in New Issue
Block a user