状态管理:在声明式UI 中,是以状态驱动视图更新:
状态(State):指驱动视图更新的数据(被装饰器标记的变量)。
视图(View):基于UI描述渲染得到用户界面。
说明:
@State 装饰器标记的变量必须初始化,不能为空值
@State支持Object、class、string、number、boolean、enum类型以及这些类型的数组
嵌套类型以及数组中的的对象属性无法触发视图更新
@Entry
@Component
struct Index {
@State message: string = 'Hello World'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
.fontColor('#36d')
.onClick(()=>{
this.message = 'Hello ArkTS'
})
}
.width('100%')
}
.height('100%')
}
}