鸿蒙解决点击TextInput文本输入框以外的地方,让TextInput失去焦点

可以通过在外面的容器绑定点击事件TextInputController.stopEditing去实现

直接上代码

@Entry
@Component
struct  TextInputExamplesTwo{
  controller: TextInputController = new TextInputController()
  build() {
    Column() {
      Scroll() {
        Column({space: 20}) {
          TextInput({controller: this.controller,  placeholder: 'user define password'})
            .type(InputType.Password)
            .width("90%")
            .height(60)
        }
        .focusable(true)
        .alignItems(HorizontalAlign.Start)
      }
    }
    //失去焦点核心代码
    .onClick(()=>{
      this.controller.stopEditing()
    })
    .width('100%')
    .height('100%')
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容