HarmonyOS ArkUI使用TextInput输入phoneNumber怎么自动空格

HarmonyOS
2024-12-24 17:27:10
830浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

建议用自定义键盘,需要手动空格,删除时光标聚焦到当前位置。

参考代码:

@Entry
@Component
struct TextInputExample {
  controller: TextInputController = new TextInputController()
  @State inputValue: string = ""

  // 自定义键盘组件
  @Builder CustomKeyboardBuilder() {
    Column() {
      Button('确认').onClick(() => {
        // 关闭自定义键盘
        this.controller.stopEditing()
      })
      Grid() {
        ForEach([1,2,3,4,5, 6, 7, 8, 9, '空格',0,"删除"], (item:number|string) => {
          GridItem() {
            Button(item + "")
              .width(110).onClick(() => {
              if(item==="空格"){
                this.inputValue+=" "
              }else if (item==="删除"){
                console.log(this.inputValue.length.toString());
                this.inputValue = this.inputValue.slice(0, -1);
              }else{
                this.inputValue += item
              }
            })
          }
        })
      }.maxCount(3).columnsGap(10).rowsGap(10).padding(5)
    }.backgroundColor(Color.Gray)
  }
  build() {
    Column() {
      TextInput({ controller: this.controller, text: this.inputValue })
        // 绑定自定义键盘
        .customKeyboard(this.CustomKeyboardBuilder()).border({ width: 1 })
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
分享
微博
QQ
微信
回复
2024-12-24 18:56:02


相关问题
TextInput怎么输入中文
4015浏览 • 0回复 待解决
TextInput输入行满时无法自动换行
1231浏览 • 1回复 待解决
HarmonyOS 输入框关于手机号空格问题
1050浏览 • 1回复 待解决
HarmonyOS TextInput如何换行输入
847浏览 • 1回复 待解决
HarmonyOS TextInput如何开启禁止输入
1339浏览 • 1回复 待解决
HarmonyOS TextInput自动获取焦点问题
803浏览 • 1回复 待解决
HarmonyOS 如何让TextInput获得输入焦点
832浏览 • 1回复 待解决
HarmonyOS TextInput输入内容限制
1404浏览 • 1回复 待解决
HarmonyOS 如何取消TextInput自动聚焦
1246浏览 • 1回复 待解决
ArkUI 横屏时应用自动重启怎么回事?
2866浏览 • 1回复 待解决
TextInput如何禁止输入emoj表情
1413浏览 • 1回复 待解决
Textinput是否支持自动聚焦?
831浏览 • 1回复 待解决
HarmonyOS textInput 如何清空输入
920浏览 • 2回复 待解决