什么是Text組件沥邻?
一個(gè)用于顯示文本的React組件上陕,和Android中的TextView組件或者OC中的Label組件相類似墨吓,專門用來顯示基本的文本信息哮洽;除了基本的顯示布局之外打却,可以進(jìn)行嵌套顯示杉适,設(shè)置樣式,以及可以做事件(例如:點(diǎn)擊)處理柳击;
Text組件常用的屬性方法
color
字體顏色
numberOfLines
(number) 進(jìn)行設(shè)置Text顯示文本的行數(shù)猿推,如果顯示的內(nèi)容超過了行數(shù),默認(rèn)其他多余的信息就不會(huì)顯示了
onPress
(fcuntion) 該方法當(dāng)文本發(fā)生點(diǎn)擊的時(shí)候調(diào)用該方法
color
字體顏色
fontFamily
字體名稱
fontSize
字體大小
fontStyle
字體風(fēng)格(normal,italic)
fontWeight
字體粗細(xì)權(quán)重("normal", 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')
textShadowOffset
設(shè)置陰影效果{width: number, height: number}
textShadowRadius
陰影效果圓角
textShadowColor
陰影效果的顏色
letterSpacing
字符間距
lineHeight
行高
textAlign
文本對(duì)其方式("auto", 'left', 'right', 'center', 'justify')
textDecorationLine
橫線位置 ("none", 'underline', 'line-through', 'underline line-through')
textDecorationStyle
線的風(fēng)格("solid", 'double', 'dotted', 'dashed')
textDecorationColor
線的顏色
writingDirection
文本方向("auto", 'ltr', 'rtl')
Text組件中樣式的繼承
在React-native中是沒有樣式繼承這種說法的腻暮, 但是對(duì)于Text元素里邊的Text元素彤守,其實(shí)是能夠繼承的