在HarmonyOS NEXT开发中TextArea显示时无法自动聚焦？

Question

在HarmonyOS NEXT开发中TextArea显示时无法自动聚焦？

Answer 1

通过requestFocus获取焦点 参考demo如下：

import inputMethod from ‘@ohos.inputMethod’; 
 
@Entry 
@Component 
export struct AsrPage { 
  @State message: string = ‘Hello World’ 
  @State show: boolean = false 
  inputMethodController = inputMethod.getController(); 
  controller: TextInputController = new TextInputController() 
  inputId:string = ‘ceshi’ 
  aboutToAppear(): void { 
    let textConfig: inputMethod.TextConfig = { 
      inputAttribute: { 
        textInputType: 0, 
        enterKeyType: 1 
      } 
    } 
    this.inputMethodController.attach(false, textConfig) 
      .then(() => { 
      }) 
      .catch((reason: ESObject) => { 
      }) 
  } 
  build() { 
    NavDestination() { 
      Column() { 
        TextArea({ 
          placeholder: ‘’, 
          text: ‘’ 
        }) 
          .width(‘100%’) 
        .height(26) 
          .defaultFocus(true) 
          .visibility(this.show ? Visibility.Visible : Visibility.None) 
          .borderColor(’#ff0000’) 
        .backgroundColor(’#ff0000’) 
        .id(this.inputId) 
 
        Button(‘打开’).onClick(() => { 
          this.show = true 
          this.controller.caretPosition(this.message.length) 
          focusControl.requestFocus(this.inputId) 
          this.inputMethodController.showTextInput().then(() => { 
          }).catch((reason: ESObject) => { 
 
          }) 
 
        }) 
        Button(‘关闭’).onClick(() => { 
          this.show = true 
          this.inputMethodController.hideTextInput().then(() => { 
          }).catch((reason: ESObject) => { 
          }) 
 
        }) 
      }.justifyContent(FlexAlign.Center).width(‘100%’).height(‘100%’) 
    }.hideTitleBar(true) 
  } 
}