TextInput InputType.Password光标异常问题 - HarmonyOS 鸿蒙Next

发布于 1周前 作者 songsunli 来自 鸿蒙OS

TextInput InputType.Password光标异常问题 - HarmonyOS 鸿蒙Next

  @State p1: string = “”
@State p2: string = “”

TextInput({ text: this.p1 }) .type(InputType.Password) .showPasswordIcon(false) .showPassword(true) .width(“100%”) .onChange((v) => { this.p1 = v })

TextInput({ text: this.p2 }) .width(“100%”) .onChange((v) => { this.p2 = v })<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

输入框1类型为InputType.Password,输入时如果光标不在文本末尾会自动跳动末尾。InputType为其他类型不会出现该情况,或者不对p1变量更新也不会出现。但InputType为其他类型进行更新变量光标是正常显示,所以这是不是一个BUG。



关于TextInput InputType.Password光标异常问题 - HarmonyOS 鸿蒙Next的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

2 回复

并非是bug,你使用onChange回调返回的是输入改变后的整体内容,当内容改变,状态变量发生改变刷新UI后,因为TextInput组件的参数又是该状态变量,所以光标又重新回到字符串末尾。

cke_131.png

原理是这样,但只有InputType.Password时才出现奇怪。

回到顶部