鸿蒙OS ArkUI 输入框聚焦和失焦 -- 小白篇

鸿蒙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%')