鸿蒙ArkUI内部API10以及11开发，输入框唤起输入法键盘，页面会被顶起的解决办法_鸿蒙api10 11使用初体验

给page页面根组件加一个属性就可以解决以上bug。

// xxx.ets
@Entry
@Component
struct TextInputExample {
  @State text: string = ''
  controller: TextInputController = new TextInputController()
 
  build() {
    Row() {
      Column() {
        TextInput({ text: this.text, placeholder: 'input your word...', controller: this.controller })
          .placeholderColor(Color.Grey)
          .placeholderFont({ size: 14, weight: 400 })
          .caretColor(Color.Blue)
          .width(400)
          .height(40)
          .margin(20)
          .fontSize(14)
          .fontColor(Color.Black)
          .inputFilter('[a-z]', (e) => {
            console.log(JSON.stringify(e))
          })
          .onChange((value: string) => {
            this.text = value
          })
        Text(this.text)
        Button('Set caretPosition 1')
          .margin(15)
          .onClick(() => {
            // 将光标移动至第一个字符后
            this.controller.caretPosition(1)
          })
        // 密码输入框
        TextInput({ placeholder: 'input your password...' })
          .width(400)
          .height(40)
          .margin(20)
          .type(InputType.Password)
          .maxLength(9)
          .showPasswordIcon(true)
        // 内联风格输入框
        TextInput({ placeholder: 'inline style' })
          .width(400)
          .height(50)
          .margin(20)
          .borderRadius(0)
          .style(TextInputStyle.Inline)
      }.width('100%')
      .height("100%")
      .borderWidth(1)
    }
    .width("100%")
    .padding(20)
    .expandSafeArea([SafeAreaType.KEYBOARD])
  }
}

核心代码：expandSafeArea([SafeAreaType.KEYBOARD])