TextInput在聚焦时如何使光标回到起点?

Question

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

Answer 1

解决措施

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

代码示例

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

参考链接

TextInput组件