一、什么是Text组件?
一个用于显示文本的React组件,和Android中的TextView组件或者OC中的Label组件相类似,专门用来显示基本的文本信息;除了基本的显示布局之外,可以进行嵌套显示,设置样式,以及可以做事件(例如:点击)处理;
二、Text组件属性
- color (string):字体颜色;
- fontSize (number):字体大小;
- fontFamily (string):字体名称;
-
fontStyle (enum):字体风格
enum("normal",'italic')
; -
fontWeight (enum):字体粗细
enum("normal", 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')
- numberOfLines (number):显示文本的行数,如果显示的内容超过了行数,默认其他多余的信息就不会显示了;
- letterSpacing ():字符间距;
- lineHeight (number):行高;
-
textAlign (string):文本对其方式
("auto", 'left', 'right', 'center', 'justify')
-
textDecorationLine (string):横线位置
("none", 'underline', 'line-through', 'underline line-through')
; -
textDecorationStyle (string):横线风格
("solid", 'double', 'dotted', 'dashed')
- textDecorationColor (string):横线颜色;
-
writingDirection (string):文本方向
("auto", 'ltr', 'rtl')
-
textShadowOffset (string):设置阴影效果
{width:number,height:number}
; - textShadowRadius (number):阴影效果圆角;
- textShadowColor (string):阴影效果颜色;
- onPress (function):该方法是当文本发生点击的时候调用;