HarmonyOS 鸿蒙Next键盘弹出时如何只让指定UI上移而非整体UI

解决方案：

方案一：可以通过组件的安全区域属性控制。

方案二：

import window from '@ohos.window';

@Entry
@Component
struct Index {
  @State screenHeight: number = 0;
  @State text: string = '';
  @State list: number[] = [];
  controller: TextInputController = new TextInputController()

  aboutToAppear() {
    for (let index = 0; index < 20; index++) {
      this.list.push(index)
    }
    window.getLastWindow(getContext(this)).then(currentWindow => {
      let property = currentWindow.getWindowProperties();
      let avoidArea = currentWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_KEYBOARD);
      // 初始化显示区域高度
      this.screenHeight = px2vp(property.windowRect.height - avoidArea.bottomRect.height);
      // 监视软键盘的弹出和收起
      currentWindow.on('avoidAreaChange', async data => {
        if (data.type !== window.AvoidAreaType.TYPE_KEYBOARD) {
          return;
        }
        this.screenHeight = px2vp(property.windowRect.height - data.area.bottomRect.height);
      })
    })
  }

  @Builder
  TabHeader(text = '') {
    Text(text).fontSize(30).fontColor(Color.Red).expandSafeArea([SafeAreaType.KEYBOARD])
  }

  build() {
    Row() {
      Column() {
        Row() {
          TextInput({ text: this.text, placeholder: '顶部搜索框', controller: this.controller })
        }
        .width('100%')
        .height(50)
        .backgroundColor(Color.Pink)
        .padding({ left: 20, right: 20 })

        Tabs() {
          TabContent() {
            List({ space: 20 }) {
              ForEach(this.list, (item: number) => {
                ListItem() {
                  Row() {
                    Text('我要正常滚动__测试数据' + item).fontSize(20)
                  }
                }
              }, (i: string) => i)
            }.width('100%')
          }.tabBar(this.TabHeader('消息'))

          TabContent() {
            Column() {

            }
          }.tabBar(this.TabHeader('云空间'))
        }
        .width('100%')
        .backgroundColor("#f1f2f6")
      }
      .width('100%')
    }
    .width('100%').height(this.screenHeight)
  }
}

文档链接： 安全区域