HarmonyOS TextInput密码输入模式,如何使用数字键盘?

我看type属性,密码键盘与数字键盘互斥。

想要的是九宫格的数字键盘+密码模式。

HarmonyOS
2024-09-24 10:43:36
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

示例如下:

@Entry  
@Component  
struct zdyPage {  
  keyboardBuilder: CustomBuilder = () => {  
    this.CustomKeyboardBuilder()  
  }  
  @State inputValue: string = ""  
  // 自定义键盘组件  
  @Builder  
  CustomKeyboardBuilder() {  
    Column() {  
      Grid() {  
        ForEach([1, 2, 3, 4, 5, 6, 7, 8, 9, '*', 0, '#'], (item: number | string) => {  
          GridItem() {  
            Button(item + "")  
              .width("100%")  
              .onClick(() => {  
                this.inputValue += item  
              })  
              .backgroundColor(Color.Gray)  
          }  
          .width("30%")  
        })  
      }  
      .width("100%")  
      .maxCount(3)  
      .columnsGap(10)  
      .rowsGap(10)  
      .padding(5)  
    }  
    .width("100%")  
    .backgroundColor(Color.White)  
  }  
  dialogController: CustomDialogController = new CustomDialogController({  
    builder: this.keyboardBuilder,  
    autoCancel: true,  
    customStyle: true,  
    maskColor: Color.Transparent  
  })  
  build() {  
    Column() {  
      TextInput({text: this.inputValue })  
        .type(InputType.Number)  
        .width("100%")  
        .onClick(() =>{  
          this.dialogController.open()  
        })  
    }.width('100%').margin({ top: 5 })  
  }  
}
分享
微博
QQ
微信
回复
2024-09-24 15:42:00
相关问题
HarmonyOS 数字自定义键盘如何实现
229浏览 • 1回复 待解决
HarmonyOS TextInput如何主动弹出键盘
254浏览 • 1回复 待解决
TextInput如何禁止输入emoj表情
367浏览 • 1回复 待解决
TextInput怎么输入中文
2881浏览 • 0回复 待解决
HarmonyOS TextInput键盘相关问题咨询
450浏览 • 1回复 待解决
HarmonyOS TextInput调用系统键盘问题
195浏览 • 1回复 待解决
HarmonyOS TextInput自定义键盘
290浏览 • 1回复 待解决
ohpm-repo上传产物如何跳过输入密码
611浏览 • 1回复 待解决
加密和密码键盘的实现
116浏览 • 0回复 待解决