Text 是一个用于显示文本的组件。
构造函数
/**
* 文本
* @form
* @since 9
*/
interface TextInterface {
/**
* Called when writing text.
* @form
* @since 9
*/
(content?: string | Resource): TextAttribute;
}
该函数接受一个可选的参数 content,其类型为 string 或 Resource 的联合类型。
string 类型表示内容可以是一个字符串。
Resource 类型表示内容可以是一个资源对象,也就是定义在 resources 目录下的字符值资源。
函数的返回类型为 TextAttribute,用于描述文本的样式、颜色、字体等属性。
属性
属性 | 作用 |
fontColor | 字体颜色 |
fontSize | 字号 |
minFontSize | 最小字号 |
maxFontSize | 最大字号 |
fontStyle | 文本样式(斜体) |
fontWeight | 字重(粗细) |
textAlign | 文本水平对齐方式 |
lineHeight | 行高 |
textOverflow | 文本溢出 |
fontFamily | 字体 |
maxLines | 最大行数 |
decoration | 上划线、下划线、删除线 |
letterSpacing | 字符的间距 |
textCase | 大小写转换 |
baselineOffset | 基线偏移量 |
copyOption | 允许复制 |
Text('ABCDEFGHIJKLMNOPQRSTABCDEFG')
.fontColor('#B3261E')
.fontSize(30)
.minFontSize(20)
.maxFontSize(50)
.fontStyle(FontStyle.Italic)
.fontWeight(FontWeight.Bold)
.textAlign(TextAlign.Start)
.lineHeight(50)
.textOverflow({ overflow: TextOverflow.Ellipsis })
// .fontFamily()
.maxLines(1)
.decoration({ type: TextDecorationType.LineThrough, color: '#0000ff' })
.letterSpacing(10)
.textCase(TextCase.LowerCase)
// .baselineOffset(10)
.copyOption(CopyOptions.InApp)
效果: