鸿蒙OS ArkUI 输入框弹出收起 – 小白篇
ps:完完全全是自己开发时遇见什么就分享什么,写的不好大佬们请多谅解。
接触ArkUI 第二天!!!!
@State account: string = '';
@State focusableAccount: boolean = false;
build() {
Column(){
Row() {
TextInput({ text: this.account, placeholder: 'input your word...' })
//默认为非聚焦状态
.defaultFocus(false)
// 根据状态去控制聚焦
.focusable(this.focusableAccount)
.onChange((value: string) => {
this.account = value
})
// 点击时聚焦拉出键盘
.onClick(()=>{
if(!this.focusableAccount){
this.focusableAccount = true;
}
})
}.width('100%').margin({top:42,left:40,right:40,bottom:12})
}
// 点击外层取消聚焦收起键盘
.onClick(()=>{
this.focusableAccount = false
})
.height('100%')
.width('100%')