HarmonyOS 如何让键盘弹起时Tabs不跟随键盘弹起

如何让键盘弹起时Tabs不跟随键盘弹起,代码如下:

import { KeyboardAvoidMode } from '@kit.ArkUI'
import { inputMethod } from '@kit.IMEKit';

@Entry
@Component
struct Index {
  @Builder
  tabBar() {
    Image($r('app.media.cc_office_desk_stroke')).width(22).height(22)
      .draggable(false)
  }

  aboutToAppear(): void {
    this.getUIContext().setKeyboardAvoidMode(KeyboardAvoidMode.RESIZE)
  }

  build() {
    Row() {
      Column() {
        Tabs({ barPosition: BarPosition.End }) {
          TabContent() {
            Column() {
              TextInput({ text: '111111' }).width('100%').height(30).margin({ top: 100 })
              TextInput({ text: '222222' }).width('100%').height(30).margin({ top: 300 })
            }.width('100%').height('100%')
          }.tabBar(this.tabBar())

          TabContent() {
            Text('page2').width('100%').height('100%')
          }.tabBar(this.tabBar())

          TabContent() {
            Text('page3').width('100%').height('100%')
          }.tabBar(this.tabBar())

          TabContent() {
            Text('page4').width('100%').height('100%')
          }.tabBar(this.tabBar())
        }
        .barBackgroundColor(Color.Red)
        .barHeight(50)
      }
      .width('100%')
    }
    .height('100%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
HarmonyOS
2025-01-09 15:51:24
556浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

目前tab不随键盘拉起而上移的方法一个是不设置setKeyboardAvoidMode,另一个是setKeyboardAvoidMode设置为KeyboardAvoidMode.OFFSET。但是这两个都不符合需求内容,建议不设置setKeyboardAvoidMode,预制一个输入框,同时获取键盘高度。

keyboardHeightChange参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#onkeyboardheightchange7

若点击的输入框到底部的高度大于键盘高度,就不需要显示预制的输入框,若点击的输入框到底部的高度小于键盘高度,就直接显示预制的输入框,且输入框在键盘上方。

分享
微博
QQ
微信
回复
2025-01-09 18:49:32
相关问题
HarmonyOS 可否主动弹起键盘
523浏览 • 1回复 待解决
HarmonyOS 键盘弹起,UI被压缩
875浏览 • 1回复 待解决
HarmonyOS TextInput组件弹起键盘
578浏览 • 1回复 待解决
HarmonyOS 不想弹起系统键盘
534浏览 • 1回复 待解决
HarmonyOS web弹起键盘问题
770浏览 • 1回复 待解决
怎么监听键盘弹起和关闭事件?
3529浏览 • 1回复 待解决
HarmonyOS 自定义键盘弹起后遮住输入框
1465浏览 • 1回复 待解决