HarmonyOS鸿蒙Next中如何解决软键盘弹出后，键盘与输入框之间的距离

HarmonyOS鸿蒙Next中如何解决软键盘弹出后，键盘与输入框之间的距离

在使用textinput、textarea组件时，触摸焦点弹起软键盘后，组件和软键盘之间有一个间距，查看dom结构，发现是root跟节点自带的一个间距（44px）

有的情况不需要使用怎么结决那？

1. 设置页面避让模式（不设置虚拟键盘的避让模式时，默认是OFFSET模式，也就是上抬模式，就会出现间距的问题，我们可以改为压缩模式RESIZE。）

   this.getUIContext().setKeyboardAvoidMode(KeyboardAvoidMode.RESIZE)
   

2. 动态设置位置（就是根据软键盘的高度，动态设置组件的位置，也就是需要获取软键盘的高度，当软键盘弹起时，让组件距离底部的距离正好是软键盘的高度）

   import { window } from '[@kit](/user/kit).ArkUI'
   
   [@Entry](/user/Entry)
   [@Component](/user/Component)
   struct Index {
     @State marginBottom: number = 0
   
     aboutToAppear(): void {
       window.getLastWindow(getContext(), (_, win) => {
         let type = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR
         let avoidArea = win.getWindowAvoidArea(type)
         // 获取到导航条区域的高度
         let bottomRectHeight = px2vp(avoidArea.bottomRect.height)
         // 监听软键盘的隐藏和显示
         win.on('keyboardHeightChange', (height) => {
           this.marginBottom = height > 0 ? px2vp(height) - bottomRectHeight : 0
         })
       })
     }
   
     build() {
       Column() {
         TextInput()
           .margin({ bottom: this.marginBottom })
       }
       .width("100%")
       .height("100%")
       .justifyContent(FlexAlign.End)
       .expandSafeArea([SafeAreaType.KEYBOARD])
     }
   }