TextInput如何取消自动获得焦点

页面中自定义组件中使用了TextInput,每次进入页面会自动弹出键盘 必须使用this.textController.stopEditing()才能关闭键盘,请问如何取消TextInput自动获得焦点功能?

HarmonyOS
2024-08-10 13:23:31
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

TextInput是默认绑定软键盘,即进入TextInput页面会自动弹起软键盘。可以通过设置 .enableKeyboardOnFocus(false)使第一次进入页面的时候,不弹出软键盘。

页面中需要有承接焦点的组件,如果没有其他组件,组件中的TextInput就会聚焦;可以将焦点转移实现取消TextInput获取焦点的效果;

示例代码

因为根据是否存在默认交互逻辑,可将组件分为可获焦和不可获焦组件,所以将焦点转移的时候有两种方案:

1、存在默认交互逻辑的组件(默认可获焦):Button、TextInput等,只需通过将defaultFocus属性设置为true即可获取焦点:

@Entry 
@Component 
struct Index { 
  controller: TextInputController = new TextInputController() 
 
  build() { 
    Row() { 
      TextInput({ 
        placeholder: ‘wait input…’, 
        text: ‘’, 
        controller: this.controller 
      }) 
      Button(‘placeholder’) 
      .defaultFocus(true) 
    } 
  } 
}

2、不存在默认交互逻辑的组件(默认不可获焦):Text、Image等,通过将focusable设置为true将此类组件转换为可获焦状态后再获取焦点

@Entry 
@Component 
struct Index { 
  controller: TextInputController = new TextInputController() 
 
  build() { 
    Row() { 
      TextInput({ 
        placeholder: ‘wait input…’, 
        text: ‘’, 
        controller: this.controller 
      }) 
      Text(‘placeholder’) 
      .focusable(true) 
        .defaultFocus(true) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-08-10 17:30:10
相关问题
如何监听TextInput是否获得焦点
1576浏览 • 1回复 待解决
HarmonyOS TextInput 取消默认焦点
195浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
2007浏览 • 1回复 待解决
TextInput组件获取焦点的几种场景
2034浏览 • 1回复 待解决
ets的text input手动控制获得和失去焦点
4231浏览 • 1回复 待解决
取消点击textinput时的背景高亮样式
177浏览 • 1回复 待解决
如何判断音频焦点的获取和丢失?
5876浏览 • 1回复 待解决
HarmonyOS TextInput如何clearFocus
121浏览 • 1回复 待解决
HarmonyOS 文件的读写权限如何获得
78浏览 • 1回复 待解决
java如何引用resources资源获得value?
4252浏览 • 1回复 待解决
如何取消Button默认的按压效果?
191浏览 • 1回复 待解决
HarmonyOS如何获得设备的公网IP地址
90浏览 • 1回复 待解决
如何过滤textinput组件内容
127浏览 • 1回复 待解决
TextInput的onSubmit事件如何使用
1797浏览 • 1回复 待解决
鸿蒙如何获得手机屏幕的参数?
4003浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人