openharmony容器组件之Counter

原创于 2022-08-09 10:38:18 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#openharmony #harmonyos #eTS #华为

openharmony 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种计数器组件及其使用方法，通过简单的代码示例展示了如何实现数值的增加与减少，并提供了对应的事件监听功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Counter：计数器组件，提供相应的增加或者减少的计数操作
事件
onInc(event: () => void) 监听数值增加事件
onDec(event: () => void) 监听数值减少事件

效果如图：

代码：

@Entry
@Component
struct CounterT {
  @State value: number = 0

  build() {

    Column() {
      Counter() {
        Text(this.value.toString())
      }.margin(100)
      .onInc(() => {
        this.value++
      })
      .onDec(() => {
        this.value--
      })
    }
    .width('100%')
    .height('100%')
  }
}