textinput中的customkeyboard和系统键盘共存方案？

Question

在textinput中使用customkeyboard如何同时支持系统键盘输入？

Answer 1

自定义键盘和原生键盘可以通过customkeyboard传入null或者自定义的Builder来实现切换。下面是使用状态变量useCustomKeyboard来实现原生和自定义键盘切换，不支是否满足楼主需求。

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  controller: TextInputController = new TextInputController()
  @State inputValue: string = ""
  @State useCustomKeyboard:boolean = false;

  // 自定义键盘组件
  @Builder CustomKeyboardBuilder() {
    Column() {
      Button('x').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(() => {
              this.inputValue += item
            })
          }
        })
      }.maxCount(3).columnsGap(10).rowsGap(10).padding(5)
    }.backgroundColor(Color.Gray)
  }

  build() {

    Row() {
      Column() {
        TextInput({ controller: this.controller, text: this.inputValue })
          // 绑定自定义键盘
          .customKeyboard(this.useCustomKeyboard? this.CustomKeyboardBuilder():null).margin(10).border({ width: 1 })
      }
      .width('100%')
      .height('100%')
    }
    .height('100%')
}}