ReactNative Text控件属性和样式

属性

numberOfLines

文本行数限制,添加后超过限制行数文本会在末尾默认以…的形式省略。web

ellipsizeMode

设置文本缩略格式,配合numberOfLines使用,values:svg

  • tail:在末尾…省略(默认值)
  • clip:在末尾切割,直接切割字符无省略符
  • head:在前面…省略
  • middle:在中间…省略

onPress

点击事件字体

style

样式orm

样式

color

字体颜色xml

fontSize

字体大小事件

fontFamily

字体ip

fontStyle 字的样式

  • normal:正常
  • italic:斜体

fontWeight 设置粗体

  • normal:正常bold:粗体100,200,300, 400, 500, 600, 700, 800, 900)

lineHeight 行高

textAlign 文字对其方式

  • auto:自动对齐
  • left:左对齐
  • right:右对齐
  • center:居中对齐

textDecorationLine 下划线和删除线样式

  • none:无线
  • underline:下划线
  • line-through:删除线
  • underline line-through:下划线和删除线