TextInput在聚焦时如何让光标回到起点？

Question

问题描述

TextInput组件在聚焦时，光标位置会自动根据触摸点位置变化，如何使得聚焦时光标固定显示在起点位置？

Answer 1

解决措施

1. TextInput组件绑定onEditChange事件，该事件TextInput可进行输入时触发。
2. 在事件回调用TextInputController.caretPosition方法设置光标位置，需要用到setTimeout()延迟方法。

示例代码

// xxx.ets 
@Entry 
@Component 
struct Index { 
  controller: TextInputController = new TextInputController(); 
 
  build() { 
    Column() { 
      TextInput({ controller: this.controller }) 
        .onEditChange((isEditing: boolean) => { 
          if (isEditing) { 
            setTimeout(() => { 
              this.controller.caretPosition(0); 
            }, 100); 
          } 
        }) 
    } 
  } 
}

参考链接

TextInput