react native部分筆記常用組件之text_第1頁
react native部分筆記常用組件之text_第2頁
react native部分筆記常用組件之text_第3頁
react native部分筆記常用組件之text_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、React Native 常用組件之 Text一、Text 組件?一個用于顯示文本的React 組件,和Android 中的 TextView 組件或者OC 中的Label 組件相類似,專門用來顯示基本的文本信息;除了基本的顯示布局之外,可以進行嵌套顯示,設(shè)置樣式,以及可以做事件(例如:點擊)處理;二、Text 組件常用的屬性方法Attributes.style = color stringcontainerBackgroundColor string fontFamily stringfontSize numberfontStyle enum(normal, italic)fontWeigh

2、t enum(normal, bold, 100, 200, 300, 400,500, 600, 700, 800, 900)lineHeight numbertextAlign enum(auto, left, right, center) writingDirection enum(auto, ltr, rtl) numberOfLines numbertextAlign (auto, left, right, center, justify)fontWeight (normal, bold, 100, 200, 300, 400, 500,600, 700, 800, 900)onPr

3、ess fcuntion注釋如下:color 字體顏色numberOfLines (number) 進行設(shè)置 Text 顯示文本的行數(shù),如果顯示的內(nèi)容超過了行數(shù),默認其他多余的信息就不會顯示了onPress (fcuntion) 該方法當(dāng)文本發(fā)生點擊的時候調(diào)用該方法color 字體顏色fontFamily 字體名稱fontSize 字體大小fontStyle字體風(fēng)格(normal,italic)fontWeight 字體粗細權(quán)重(normal, bold, 100, 200, 300, 400, 500, 600,700, 800, 900)textShadowOffset 設(shè)置陰影效果wid

4、th: number, height: numbertextShadowRadius 陰影效果圓角textShadowColor 陰影效果的顏色letterSpacing 字符間距l(xiāng)ineHeight 行高textAlign文本對其方式(auto, left, right, center, justify)textDecorationLine 橫線位置 (none, underline, line-through, underlineline-through)textDecorationStyle 線的風(fēng)格(solid, double, dotted, dashed)textDecorationColor 線的顏色writingDirection 文本方向(auto, ltr, rtl)三、Text 組件中常用屬性的應(yīng)用運行結(jié)果如下:三、Text 組件中樣式的繼承在React-native 中是沒有樣式繼承這種說法的, 但是對于 Text 元素里邊

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論