Counter
NOTE This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The <Counter> component provides an operation to increase or decrease the number.
Required Permissions
None
Child Components
This component can contain child components.
APIs
Counter()
Events
Universal events and gestures are not supported. Only the events listed below are supported.
Name | Description |
---|---|
onInc(event: () => void) | Event indicating that the number of monitored objects is increased. |
onDec(event: () => void) | Event indicating that the number of monitored objects is decreased. |
Example
@Entry
@Component
struct CounterExample {
@State value: number = 0
build() {
Column() {
Counter() {
Text(this.value.toString())
}.margin(100)
.onInc(() => {
this.value++
})
.onDec(() => {
this.value--
})
}.width("100%")
}
}