【鸿蒙实战开发】HarmonyOS-ArkUI教程Text视图的使用

前言

使用Text视图显示文字)

在ArkUI 中，@Entry和@Component是两个非常重要的装饰器，@Entry装饰器用于指定应用程序的入口，应用程序启动时将首先加载该组件，而@Component装饰器则用于创建自定义的UI组件。
在ArkUI的示例代码中，通常使用struct来声明一个自定义UI组件，并在build()函数中描述该组件的内容。

@Entry
@Component

struct TextView {
  build() {
    // 视图代码
  }
}

当我们需要创建一个文本标签，或者说显示一段文字时，我们可以使用Text文本视图来构建UI样式，如下代码所示：

Text("Hello World")

ArkTS似乎对于双引号和单引号没有那么“在意”，我们也可以使用Text视图中使用单引号来包裹内容，如下代码所示：

Text('Hello World')

如果你对于其他编程语言有所了解，也可以借助@State包装器将文字内容通过声明的方式抽离出来，如下代码所示：

// 声明变量
@State text: string = 'Hello World'

// 使用变量
Text(this.text)