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