HarmonyOS NEXT自定义键盘输入框焦点问题?

Question

HarmonyOS NEXT自定义键盘输入框焦点问题?

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以加下关键性代码，类似于下面按钮上加下 .id(‘333’) 键，然后 focusControl.requestFocus(‘333’) 转移焦点测试下，代码示例可参考：

import router from '@ohos.router'; 
@Entry 
@Component 
struct KeyboadPage2 { 
 
  controller: TextInputController = new TextInputController() 
  @State inputValue: string = "" 
  @State InputBGColor: string = '#90EE90' 
  build() { 
    Column({ space: 10 }) { 
      TextInput({ 
        controller: this.controller, 
      }) 
        .id('111') 
        .backgroundColor(this.InputBGColor) 
        .margin(10) 
        .border({ width: 1 }) 
        .height('48vp') 
        .onFocus(() => { 
          this.InputBGColor = '#FF0000' 
        }) 
        .onBlur(() => { 
          this.InputBGColor = '#90EE90' 
        }) 
      Button('收起键盘') 
        .onClick(() => { 
          setTimeout(() => { 
            this.controller.stopEditing() 
          }, 0) 
        }).id('333') 
      Button('push') 
        .onClick(() => { 
          focusControl.requestFocus('333') 
          router.pushUrl({ 
            url: 'pages/Keyboad/KeyboadPage3', 
          }) 
        }) 
    } 
    .height('100%') 
    .width('100%') 
  } 
}