鸿蒙5.0开发进阶：UI框架-文本显示 (Text/Span)

往期鸿蒙全套实战文章必看：

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

文本显示 (Text/Span)

Text是文本组件，通常用于展示用户视图，如显示文章的文字。

创建文本

Text可通过以下两种方式来创建：

• string字符串。

  Text('我是一段文本')

• 引用Resource资源。

  资源引用类型可以通过$r创建Resource类型对象，文件位置为/resources/base/element/string.json。

  Text($r('app.string.module_desc'))
    .baselineOffset(0)
    .fontSize(30)
    .border({ width: 1 })
    .padding(10)
    .width(300)

  

  </