InputNumber 計(jì)數(shù)器僅允許輸入標(biāo)準(zhǔn)的數(shù)字值：
思路：使用行布局(Row)，左邊按鈕(Button)揖庄，中間輸入框(TextInput)栗菜，右邊按鈕(Button)，監(jiān)聽按鈕點(diǎn)擊事件蹄梢，減少按鈕到0時(shí)不在運(yùn)算疙筹，中間輸入框設(shè)置為只能輸入數(shù)字（InputType.Number），代碼和效果如下：
效果
InputNumber.png
代碼
@Component
export struct InputNumber {
//
@State numVal: number = 0;
build() {
Row(){
Button('-').onClick((event: ClickEvent) => {
if(this.numVal <=0){
return;
}
this.numVal--
}).width(50)
TextInput({
text: this.numVal.toString()
}).width(150).textAlign(TextAlign.Center).type(InputType.Number).onChange(e=>{
if(Number(e)){
this.numVal = Number(e);
}
})
Button('+').onClick((event: ClickEvent) => {
this.numVal++
}).width(50)
}.padding(20)
}
}
