{"id":190976,"date":"2023-08-07T22:10:43","date_gmt":"2023-08-07T14:10:43","guid":{"rendered":"https:\/\/www.idc.net\/help\/190976\/"},"modified":"2023-08-07T22:10:43","modified_gmt":"2023-08-07T14:10:43","slug":"%e5%90%8e%e6%b5%aa%e4%ba%91react%e6%95%99%e7%a8%8b%ef%bc%9a%e6%96%87%e6%9c%ac","status":"publish","type":"post","link":"https:\/\/idc.net\/help\/190976\/","title":{"rendered":"\u540e\u6d6a\u4e91React\u6559\u7a0b\uff1a\u6587\u672c"},"content":{"rendered":"<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u7528\u4e8e\u663e\u793a\u6587\u672c\u7684\u54cd\u5e94\u7ec4\u4ef6\uff0c\u652f\u6301\u5d4c\u5957\u3001\u6837\u5f0f\u548c\u89e6\u53d1\u5904\u7406\u3002\u5728\u63a5\u4e0b\u6765\u7684\u4f8b\u5b50\u4e2d\uff0c\u5d4c\u5957\u7684\u6807\u9898\u548c\u6b63\u6587\u6587\u672c\u5c06\u4ece<code>styles.baseText<\/code><span>&nbsp;<\/span>\u7ee7\u627f<span>&nbsp;<\/span><code>FontFamily<\/code>\uff0c\u4f46\u662f\u6807\u9898\u4f1a\u63d0\u4f9b\u5b83\u81ea\u5df1\u5176\u4ed6\u7684\u8bbe\u8ba1\u98ce\u683c\u3002\u6807\u9898\u548c\u6b63\u6587\u5728\u6587\u5b57\u6362\u884c\u65f6\u4f1a\u5806\u53e0\u5728\u5f7c\u6b64\u4e4b\u4e0a\u3002<\/p>\n<pre>renderText:&nbsp;function()&nbsp;{\n&nbsp;&nbsp;return&nbsp;(&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={styles.baseText}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={styles.titleText}&nbsp;onPress={this.onPressTitle}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.state.titleText&nbsp;+&nbsp;'\\n\\n'}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;numberOfLines={5}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.state.bodyText}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;);\n},\n...\nvar&nbsp;styles&nbsp;=&nbsp;StyleSheet.create({\n&nbsp;&nbsp;baseText:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;'Cochin',\n&nbsp;&nbsp;},\n&nbsp;&nbsp;titleText:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;20,\n&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;'bold',\n&nbsp;&nbsp;},\n};<\/pre>\n<h3>Props<\/h3>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">Edit on GitHub<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>numberOfLines<\/strong>&nbsp;\u6570\u503c\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u7528\u4e8e\u5728\u8ba1\u7b97\u6587\u672c\u5e03\u5c40\u540e\u5c06\u6587\u672c\u548c\u7701\u7565\u7b26\u53f7\u8fdb\u884c\u622a\u65ad\uff0c\u5305\u62ec\u6362\u884c\uff0c\u8fd9\u6837\u603b\u7684\u884c\u6570\u5c31\u4e0d\u4f1a\u8d85\u8fc7\u8fd9\u4e2a\u503c\u3002<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>onPress<\/strong>&nbsp;\u51fd\u6570<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u8fd9\u4e2a\u51fd\u6570\u88ab\u79f0\u4e3a\u6309\u4e0b\u3002\u5728\u9ed8\u8ba4\u9ad8\u4eae\u72b6\u6001\u4e0b\uff0c\u6587\u672c\u5185\u90e8\u662f\u652f\u6301\u6309\u4e0b\u52a8\u4f5c\u5904\u7406\u7684\uff08\u8be5\u51fd\u6570\u5728&nbsp;<code>suppressHighlighting<\/code>&nbsp;\u662f\u7981\u7528\u7684\uff09\u3002<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>style<\/strong>&nbsp;style<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>View#style...<\/strong><\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>color<\/strong>&nbsp;\u5b57\u7b26\u4e32\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>containerBackgroundColor<\/strong>&nbsp;\u5b57\u7b26\u4e32\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>fontFamily<\/strong>&nbsp;\u5b57\u7b26\u4e32\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>fontSize<\/strong>&nbsp;\u6570\u503c\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>fontStyle<\/strong>&nbsp;enum('normal', 'italic')<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>fontWeight<\/strong>&nbsp;enum(\"normal\", 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>lineHeight<\/strong>&nbsp;\u6570\u503c\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>textAlign<\/strong>&nbsp;enum(\"auto\", 'left', 'right', 'center')<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>writingDirection<\/strong>&nbsp;enum(\"auto\", 'ltr', 'rtl')<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>suppressHighlighting<\/strong>&nbsp;\u5e03\u5c14\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u503c\u4e3a\u771f\u65f6\uff0c\u5f53\u6587\u672c\u88ab\u6309\u4e0b\u65f6\u6ca1\u6709\u89c6\u89c9\u4e0a\u7684\u53d8\u5316\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u6309\u4e0b\u4e4b\u524d\u662f\u4e00\u4e2a\u7070\u8272\u692d\u5706\u9ad8\u4eae\u7684\u6587\u672c\u3002<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><strong>testID<\/strong>&nbsp;\u5b57\u7b26\u4e32\u578b<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5728\u7aef\u5230\u7aef\u6d4b\u8bd5\u65f6\u7528\u4e8e\u5b9a\u4f4d\u89c6\u56fe<\/p>\n<h3>\u63cf\u8ff0<\/h3>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">Edit on GitHub<\/p>\n<h2>\u5d4c\u5957\u6587\u672c<\/h2>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5728 iOS \u91cc\uff0c\u663e\u793a\u683c\u5f0f\u5316\u6587\u672c\u7684\u65b9\u5f0f\u662f\u4f7f\u7528&nbsp;<code>NSAttributedString<\/code>&nbsp;\uff1a\u4f60\u53ef\u4ee5\u4e3a\u4f60\u60f3\u8981\u663e\u793a\u548c\u6ce8\u91ca\u7684\u6587\u672c\u5212\u5b9a\u4e00\u4e9b\u7279\u5b9a\u7684\u683c\u5f0f\u8303\u56f4\u3002\u5b9e\u9645\u4e0a\uff0c\u8fd9\u662f\u975e\u5e38\u65e0\u804a\u7684\u3002\u5bf9\u4e8e React Native\uff0c\u6211\u4eec\u51b3\u5b9a\u4f7f\u7528 Web \u6a21\u5f0f\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u53ef\u4ee5\u5229\u7528\u5d4c\u5957\u6587\u672c\u6765\u8fbe\u5230\u540c\u6837\u7684\u6548\u679c\u3002<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;am&nbsp;bold&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{color:&nbsp;'red'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and&nbsp;red&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;<\/pre>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5728\u5e55\u540e\uff0c\u8fd9\u5c06\u4f1a\u88ab\u8f6c\u6362\u6210\u4e00\u4e2a\u5b8c\u5168\u7684\u5305\u542b\u4ee5\u4e0b\u4fe1\u606f\u7684&nbsp;<code>NSAttributedString<\/code><\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;\"I&nbsp;am&nbsp;bold&nbsp;and&nbsp;red\"\n&nbsp;&nbsp;&nbsp;&nbsp;0-9:&nbsp;bold&nbsp;&nbsp;&nbsp;&nbsp;9-17:&nbsp;bold,&nbsp;red<\/pre>\n<h2>\u5bb9\u5668<\/h2>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\"><code>&lt;Text&gt;<\/code>&nbsp;\u5143\u7d20\u662f\u4e0e\u5e03\u5c40\u8bbe\u8ba1\u6709\u7279\u5b9a\u5173\u7cfb\u7684\uff1a\u5185\u90e8\u7684\u4e00\u5207\u90fd\u4e0d\u518d\u4f7f\u7528 flexbox \u5e03\u5c40\u800c\u662f\u4f7f\u7528\u6587\u672c\u5e03\u5c40\u3002\u8fd9\u610f\u5473\u7740\u4e00\u4e2a<code>&lt;Text&gt;<\/code>&nbsp;\u5185\u90e8\u7684\u5143\u7d20\u4e0d\u5728\u662f\u77e9\u5f62\u7684\uff0c\u800c\u662f\u5728\u7ed3\u5c3e\u7684\u65f6\u5019\u88ab\u5305\u88c5\u8d77\u6765\u3002<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;First&nbsp;part&nbsp;and&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;second&nbsp;part&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;Text&nbsp;container:&nbsp;all&nbsp;the&nbsp;text&nbsp;flows&nbsp;as&nbsp;if&nbsp;it&nbsp;was&nbsp;one\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|First&nbsp;part&nbsp;|\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|and&nbsp;second&nbsp;|\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|part&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;First&nbsp;part&nbsp;and&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;second&nbsp;part&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;View&nbsp;container:&nbsp;each&nbsp;text&nbsp;is&nbsp;its&nbsp;own&nbsp;block\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|First&nbsp;part&nbsp;|\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|and&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;|second&nbsp;part|<\/pre>\n<h2>\u6709\u9650\u5236\u6027\u7684\u6837\u5f0f\u7ee7\u627f<\/h2>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5728\u7f51\u7edc\u4e0a\uff0c\u4e3a\u6574\u4e2a\u6587\u6863\u8bbe\u7f6e\u5b57\u4f53\u4f53\u7cfb\u548c\u5927\u5c0f\u7684\u5e38\u7528\u65b9\u6cd5\u662f\uff1a<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;\/*&nbsp;CSS,&nbsp;*not*&nbsp;React&nbsp;Native&nbsp;*\/\n&nbsp;&nbsp;&nbsp;&nbsp;html&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;'lucida&nbsp;grande',&nbsp;tahoma,&nbsp;verdana,&nbsp;arial,&nbsp;sans-serif;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;11px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#141823;\n&nbsp;&nbsp;&nbsp;&nbsp;}<\/pre>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5f53\u6d4f\u89c8\u5668\u60f3\u8981\u663e\u793a\u4e00\u4e2a\u6587\u672c\u8282\u70b9\u65f6\uff0c\u5b83\u4f1a\u4e00\u76f4\u8d70\u5230\u6811\u7684\u6839\u5143\u7d20\uff0c\u5e76\u4e14\u627e\u5230\u4e00\u4e2a\u6709&nbsp;<code>font-size<\/code>\u5c5e\u6027\u7684\u5143\u7d20\u3002\u8be5\u7cfb\u7edf\u4e00\u4e2a\u610f\u60f3\u4e0d\u5230\u7684\u6027\u8d28\u662f<strong>\u4efb\u4f55<\/strong>\u8282\u70b9\u90fd\u53ef\u4ee5\u6709<code>font-size<\/code>\u5c5e\u6027\uff0c\u5305\u62ec\u4e00\u4e2a&nbsp;<code>&lt;div&gt;<\/code>\u3002\u8fd9\u662f\u4e3a\u4e86\u65b9\u4fbf\u800c\u8bbe\u8ba1\u7684\uff0c\u5c3d\u7ba1\u8bed\u4e49\u5e76\u4e0d\u662f\u6b63\u786e\u7684\u3002<\/p>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u5728 React Naitve \u91cc\uff0c\u6211\u4eec\u5173\u4e8e\u8fd9\u4e00\u70b9\u4f1a\u66f4\u4e25\u683c\uff1a<strong>\u4f60\u5fc5\u987b\u5c06&nbsp;<code>&lt;Text&gt;<\/code>&nbsp;\u7ec4\u4ef6\u91cc\u7684\u6240\u6709\u8282\u70b9\u90fd\u8fdb\u884c\u5305\u88c5<\/strong>\uff1b\u4f60\u4e0d\u80fd\u5728&nbsp;<code>&lt;View&gt;<\/code>\u4e0b\u76f4\u63a5\u62e5\u6709\u4e00\u4e2a\u6587\u672c\u8282\u70b9\u3002<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;BAD:&nbsp;will&nbsp;fatal,&nbsp;can't&nbsp;have&nbsp;a&nbsp;text&nbsp;node&nbsp;as&nbsp;child&nbsp;of&nbsp;a&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Some&nbsp;text&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;GOOD&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Some&nbsp;text&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;<\/pre>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u4f60\u4e5f\u5931\u53bb\u4e86\u5bf9\u6574\u4e2a\u5b50\u6811\u8bbe\u7f6e\u5b57\u4f53\u7684\u80fd\u529b\u3002\u4e3a\u4e86\u5728\u4f60\u7684\u5e94\u7528\u7a0b\u5e8f\u91cc\u4f7f\u7528\u4e00\u81f4\u4e3a\u5b57\u4f53\u548c\u5927\u5c0f\uff0c\u63a8\u8350\u4f7f\u7528\u7684\u65b9\u6cd5\u662f\u521b\u5efa\u4e00\u4e2a\u5305\u62ec\u4ed6\u4eec\u7684&nbsp;<code>MyAppText<\/code>&nbsp;\u7ec4\u4ef6\uff0c\u5e76\u4e14\u5728\u4f60\u7684\u5e94\u7528\u7a0b\u5e8f\u91cc\u4f7f\u7528\u8fd9\u4e2a\u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u4f7f\u7528\u8be5\u7ec4\u4ef6\u6765\u6784\u6210\u66f4\u591a\u7279\u5b9a\u7684\u7ec4\u4ef6\uff0c\u6bd4\u5982\u7528\u4e8e\u5176\u4ed6\u7c7b\u578b\u6587\u672c\u7684&nbsp;<code>MyAppHeaderText<\/code>&nbsp;\u7ec4\u4ef6\u3002<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;MyAppText&gt;Text&nbsp;styled&nbsp;with&nbsp;the&nbsp;default&nbsp;font&nbsp;for&nbsp;the&nbsp;entire&nbsp;application&lt;\/MyAppText&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;MyAppHeaderText&gt;Text&nbsp;styled&nbsp;as&nbsp;a&nbsp;header&lt;\/MyAppHeaderText&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;<\/pre>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">React Native \u8fd8\u6709\u7ee7\u627f\u98ce\u683c\u7684\u6982\u5ff5\uff0c\u4f46\u662f\u4ec5\u9650\u4e8e\u6587\u672c\u5b50\u6811\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u7b2c\u4e8c\u90e8\u5206\u5c06\u662f\u7c97\u4f53\u548c\u7ea2\u8272\u3002<\/p>\n<pre>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;am&nbsp;bold&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{color:&nbsp;'red'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and&nbsp;red&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;<\/pre>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">\u6211\u4eec\u76f8\u4fe1\u66f4\u591a\u7684\u6587\u672c\u7ea6\u675f\u65b9\u6cd5\u5c06\u4f1a\u4ea7\u751f\u66f4\u597d\u7684\u5e94\u7528\u7a0b\u5e8f\uff1a<\/p>\n<ul>\n<li>\n<p>\uff08\u5f00\u53d1\u4eba\u5458\uff09\u54cd\u5e94\u7ec4\u4ef6\u7684\u8bbe\u8ba1\u6e90\u4e8e\u5927\u8111\u4e2d\u5b64\u7acb\u7684\u60f3\u6cd5\uff1a\u4f60\u5e94\u8be5\u6709\u80fd\u529b\u5c06\u4f60\u7684\u7ec4\u4ef6\u653e\u7f6e\u5728\u4f60\u5e94\u7528\u7a0b\u5e8f\u7684\u4efb\u4f55\u4e00\u4e2a\u5730\u65b9\uff0c\u76f8\u4fe1\u53ea\u6709\u5de5\u5177\u662f\u76f8\u540c\u7684\uff0c\u90a3\u4e48\u5b83\u7684\u8868\u73b0\u548c\u884c\u4e3a\u90fd\u662f\u76f8\u540c\u7684\u3002\u6587\u672c\u5c5e\u6027\u662f\u53ef\u4ee5\u4ece\u5de5\u5177\u5916\u7ee7\u627f\u7684\uff0c\u8fd9\u4f1a\u6253\u7834\u8fd9\u79cd\u5b64\u7acb\u3002<\/p>\n<\/li>\n<li>\n<p>\uff08\u5b9e\u73b0\u4eba\u5458\uff09React Native \u5b9e\u73b0\u4e5f\u662f\u5f88\u7b80\u5355\u7684\u3002\u6211\u4eec\u4e0d\u9700\u8981\u5bf9\u6bcf\u4e00\u4e2a\u5355\u4e00\u7684\u5143\u7d20\u90fd\u8981\u6709\u4e00\u4e2a&nbsp;<code>FontFamily<\/code>&nbsp;\u6a21\u5757\uff0c\u5e76\u4e14\u6211\u4eec\u5728\u6bcf\u4e00\u6b21\u663e\u793a\u4e00\u4e2a\u6587\u672c\u8282\u70b9\u65f6\u4e5f\u4e0d\u9700\u8981\u5bf9\u6811\u904d\u5386\u5230\u6839\u8282\u70b9\u3002\u98ce\u683c\u7684\u7ee7\u627f\u53ea\u9700\u8981\u5728\u539f\u751f\u6587\u672c\u5185\u90e8\u8fdb\u884c\u7f16\u7801\uff0c\u4e0d\u9700\u8981\u6cc4\u9732\u7ed9\u5176\u4ed6\u6587\u672c\u6216\u8005\u662f\u7cfb\u7edf\u672c\u8eab\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>\u4f8b\u5b50<\/h3>\n<p style=\"margin: 0px 0px 10px;line-height: 26px\">Edit on GitHub<\/p>\n<pre>'use&nbsp;strict';var&nbsp;React&nbsp;=&nbsp;require('react-native');var&nbsp;{\n&nbsp;&nbsp;StyleSheet,\n&nbsp;&nbsp;Text,\n&nbsp;&nbsp;View,\n}&nbsp;=&nbsp;React;var&nbsp;Entity&nbsp;=&nbsp;React.createClass({\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={styles.entity}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.children}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;}\n});var&nbsp;AttributeToggler&nbsp;=&nbsp;React.createClass({\n&nbsp;&nbsp;getInitialState:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{fontWeight:&nbsp;'500',&nbsp;fontSize:&nbsp;15};\n&nbsp;&nbsp;},\n&nbsp;&nbsp;increaseSize:&nbsp;function()&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;this.setState({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;this.state.fontSize&nbsp;+&nbsp;1\n&nbsp;&nbsp;&nbsp;&nbsp;});\n&nbsp;&nbsp;},\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;curStyle&nbsp;=&nbsp;{fontSize:&nbsp;this.state.fontSize};&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={curStyle}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tap&nbsp;the&nbsp;controls&nbsp;below&nbsp;to&nbsp;change&nbsp;attributes.\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;See&nbsp;how&nbsp;it&nbsp;will&nbsp;even&nbsp;work&nbsp;on{'&nbsp;'}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={curStyle}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this&nbsp;nested&nbsp;text\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;onPress={this.increaseSize}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{'&gt;&gt;&nbsp;Increase&nbsp;Size&nbsp;&lt;&lt;'}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;}\n});\nexports.title&nbsp;=&nbsp;'&lt;Text&gt;';\nexports.description&nbsp;=&nbsp;'Base&nbsp;component&nbsp;for&nbsp;rendering&nbsp;styled&nbsp;text.';\nexports.displayName&nbsp;=&nbsp;'TextExample';\nexports.examples&nbsp;=&nbsp;[\n{\n&nbsp;&nbsp;title:&nbsp;'Wrap',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The&nbsp;text&nbsp;should&nbsp;wrap&nbsp;if&nbsp;it&nbsp;goes&nbsp;on&nbsp;multiple&nbsp;lines.&nbsp;See,&nbsp;this&nbsp;is&nbsp;going&nbsp;to\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the&nbsp;next&nbsp;line.\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Padding',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{padding:&nbsp;10}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This&nbsp;text&nbsp;is&nbsp;indented&nbsp;by&nbsp;10px&nbsp;padding&nbsp;on&nbsp;all&nbsp;sides.\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Font&nbsp;Family',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Cochin'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cochin\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Cochin',&nbsp;fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cochin&nbsp;bold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Helvetica'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Helvetica\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Helvetica',&nbsp;fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Helvetica&nbsp;bold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Verdana'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verdana\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontFamily:&nbsp;'Verdana',&nbsp;fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verdana&nbsp;bold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Font&nbsp;Size',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontSize:&nbsp;23}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size&nbsp;23\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontSize:&nbsp;8}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size&nbsp;8\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Color',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{color:&nbsp;'red'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Red&nbsp;color\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{color:&nbsp;'blue'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Blue&nbsp;color\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Font&nbsp;Weight',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'100'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Move&nbsp;fast&nbsp;and&nbsp;be&nbsp;ultralight\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'200'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Move&nbsp;fast&nbsp;and&nbsp;be&nbsp;light\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'normal'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Move&nbsp;fast&nbsp;and&nbsp;be&nbsp;normal\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Move&nbsp;fast&nbsp;and&nbsp;be&nbsp;bold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'900'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Move&nbsp;fast&nbsp;and&nbsp;be&nbsp;ultrabold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Font&nbsp;Style',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontStyle:&nbsp;'normal'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Normal&nbsp;text\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontStyle:&nbsp;'italic'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Italic&nbsp;text\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Nested',\n&nbsp;&nbsp;description:&nbsp;'Nested&nbsp;text&nbsp;components&nbsp;will&nbsp;inherit&nbsp;the&nbsp;styles&nbsp;of&nbsp;their&nbsp;'&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;'parents&nbsp;(only&nbsp;backgroundColor&nbsp;is&nbsp;inherited&nbsp;from&nbsp;non-Text&nbsp;parents).&nbsp;&nbsp;'&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;'&lt;Text&gt;&nbsp;only&nbsp;supports&nbsp;other&nbsp;&lt;Text&gt;&nbsp;and&nbsp;raw&nbsp;text&nbsp;(strings)&nbsp;as&nbsp;children.',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Normal&nbsp;text,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontWeight:&nbsp;'bold'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(and&nbsp;bold\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontSize:&nbsp;11,&nbsp;color:&nbsp;'#527fe4'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(and&nbsp;tiny&nbsp;inherited&nbsp;bold&nbsp;blue)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{fontSize:&nbsp;12}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Entity&gt;Entity&nbsp;Name&lt;\/Entity&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Text&nbsp;Align',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{textAlign:&nbsp;'left'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left&nbsp;left\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{textAlign:&nbsp;'center'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center&nbsp;center\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{textAlign:&nbsp;'right'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right&nbsp;right\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Spaces',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A&nbsp;{'generated'}&nbsp;{'&nbsp;'}&nbsp;{'string'}&nbsp;and&nbsp;&nbsp;&nbsp;&nbsp;some&nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&nbsp;spaces\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Line&nbsp;Height',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{lineHeight:&nbsp;35}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A&nbsp;lot&nbsp;of&nbsp;space&nbsp;between&nbsp;the&nbsp;lines&nbsp;of&nbsp;this&nbsp;long&nbsp;passage&nbsp;that&nbsp;should\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wrap&nbsp;once.\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Empty&nbsp;Text',\n&nbsp;&nbsp;description:&nbsp;'It\\'s&nbsp;ok&nbsp;to&nbsp;have&nbsp;Text&nbsp;with&nbsp;zero&nbsp;or&nbsp;null&nbsp;children.',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;\/&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'Toggling&nbsp;Attributes',\n&nbsp;&nbsp;render:&nbsp;function():&nbsp;ReactElement&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;&lt;AttributeToggler&nbsp;\/&gt;;\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'backgroundColor&nbsp;attribute',\n&nbsp;&nbsp;description:&nbsp;'backgroundColor&nbsp;is&nbsp;inherited&nbsp;from&nbsp;all&nbsp;types&nbsp;of&nbsp;views.',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&nbsp;style={{backgroundColor:&nbsp;'yellow'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yellow&nbsp;background&nbsp;inherited&nbsp;from&nbsp;View&nbsp;parent,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{backgroundColor:&nbsp;'#ffaaaa'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{'&nbsp;'}red&nbsp;background,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{backgroundColor:&nbsp;'#aaaaff'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{'&nbsp;'}blue&nbsp;background,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{'&nbsp;'}inherited&nbsp;blue&nbsp;background,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{backgroundColor:&nbsp;'#aaffaa'}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{'&nbsp;'}nested&nbsp;green&nbsp;background.\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'containerBackgroundColor&nbsp;attribute',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&nbsp;style={{flexDirection:&nbsp;'row',&nbsp;height:&nbsp;85}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&nbsp;style={{backgroundColor:&nbsp;'#ffaaaa',&nbsp;width:&nbsp;150}}&nbsp;\/&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&nbsp;style={{backgroundColor:&nbsp;'#aaaaff',&nbsp;width:&nbsp;150}}&nbsp;\/&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={[styles.backgroundColorText,&nbsp;{top:&nbsp;-80}]}&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Default&nbsp;containerBackgroundColor&nbsp;(inherited)&nbsp;+&nbsp;backgroundColor&nbsp;wash\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={[\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;styles.backgroundColorText,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{top:&nbsp;-70,&nbsp;containerBackgroundColor:&nbsp;'transparent'}]}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{\"containerBackgroundColor:&nbsp;'transparent'&nbsp;+&nbsp;backgroundColor&nbsp;wash\"}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n},&nbsp;{\n&nbsp;&nbsp;title:&nbsp;'numberOfLines&nbsp;attribute',\n&nbsp;&nbsp;render:&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;numberOfLines={1}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Maximum&nbsp;of&nbsp;one&nbsp;line&nbsp;no&nbsp;matter&nbsp;now&nbsp;much&nbsp;I&nbsp;write&nbsp;here.&nbsp;If&nbsp;I&nbsp;keep&nbsp;writing&nbsp;it{\"'\"}ll&nbsp;just&nbsp;truncate&nbsp;after&nbsp;one&nbsp;line\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;numberOfLines={2}&nbsp;style={{marginTop:&nbsp;20}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Maximum&nbsp;of&nbsp;two&nbsp;lines&nbsp;no&nbsp;matter&nbsp;now&nbsp;much&nbsp;I&nbsp;write&nbsp;here.&nbsp;If&nbsp;I&nbsp;keep&nbsp;writing&nbsp;it{\"'\"}ll&nbsp;just&nbsp;truncate&nbsp;after&nbsp;two&nbsp;lines\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&nbsp;style={{marginTop:&nbsp;20}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;No&nbsp;maximum&nbsp;lines&nbsp;specified&nbsp;no&nbsp;matter&nbsp;now&nbsp;much&nbsp;I&nbsp;write&nbsp;here.&nbsp;If&nbsp;I&nbsp;keep&nbsp;writing&nbsp;it{\"'\"}ll&nbsp;just&nbsp;keep&nbsp;going&nbsp;and&nbsp;going\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;);\n&nbsp;&nbsp;},\n}];var&nbsp;styles&nbsp;=&nbsp;StyleSheet.create({\n&nbsp;&nbsp;backgroundColorText:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;left:&nbsp;5,\n&nbsp;&nbsp;&nbsp;&nbsp;backgroundColor:&nbsp;'rgba(100,&nbsp;100,&nbsp;100,&nbsp;0.3)'\n&nbsp;&nbsp;},\n&nbsp;&nbsp;entity:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;'500',\n&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;'#527fe4',\n&nbsp;&nbsp;},\n});<\/pre>\n<p> <\/p>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7528\u4e8e\u663e\u793a\u6587\u672c\u7684\u54cd\u5e94\u7ec4\u4ef6\uff0c\u652f\u6301\u5d4c\u5957\u3001\u6837\u5f0f\u548c\u89e6\u53d1\u5904\u7406\u3002\u5728\u63a5\u4e0b\u6765\u7684\u4f8b\u5b50\u4e2d\uff0c\u5d4c\u5957\u7684\u6807\u9898\u548c\u6b63\u6587\u6587\u672c\u5c06\u4ecestyles.ba [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[182398],"tags":[],"class_list":["post-190976","post","type-post","status-publish","format-standard","hentry","category-mini-program"],"_links":{"self":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/190976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/comments?post=190976"}],"version-history":[{"count":0,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/190976\/revisions"}],"wp:attachment":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/media?parent=190976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/categories?post=190976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/tags?post=190976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}