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

HarmonyOS
2024-12-24 17:27:10
浏览
收藏 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 })
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-24 18:56:02
相关问题
TextInput怎么输入中文
3246浏览 • 0回复 待解决
TextInput输入行满时无法自动换行
686浏览 • 1回复 待解决
HarmonyOS 输入框关于手机号空格问题
300浏览 • 1回复 待解决
HarmonyOS TextInput如何换行输入
296浏览 • 1回复 待解决
HarmonyOS TextInput如何开启禁止输入
330浏览 • 1回复 待解决
HarmonyOS TextInput自动获取焦点问题
290浏览 • 1回复 待解决
ArkUI 横屏时应用自动重启怎么回事?
2313浏览 • 1回复 待解决
HarmonyOS 如何取消TextInput自动聚焦
737浏览 • 1回复 待解决
HarmonyOS TextInput输入内容限制
407浏览 • 1回复 待解决
HarmonyOS 如何让TextInput获得输入焦点
127浏览 • 1回复 待解决
Textinput是否支持自动聚焦?
464浏览 • 1回复 待解决
TextInput如何禁止输入emoj表情
840浏览 • 1回复 待解决