HarmonyOS 鸿蒙Next navication页面，软件盘弹出后再关闭键盘，底部出现留白

发布于 1周前 作者 caililin 来自 鸿蒙OS

HarmonyOS 鸿蒙Next navication页面，软件盘弹出后再关闭键盘，底部出现留白

代码如下:

@Entry
@Component
struct CopyPage {
    private bottomRectHeight?: number = 30;
    private topRectHeight?: number = 20;

    @Provide('NavPathStack')
    pageStack: NavPathStack = new NavPathStack();

    build() {
        Navigation() {
            Column() {
                TextArea({
                    placeholder: "输入内容"
                }).width('100%')
                  .layoutWeight(1)
                  .backgroundColor($r('app.color.color_F6F8F9'))
                  .margin({
                      top: px2vp(this.topRectHeight),
                      bottom: px2vp(this.bottomRectHeight)
                  });
                
                Text("测试")
                    .backgroundColor(Color.Orange)
                    .width('100%')
                    .height(50)
                    .textAlign(TextAlign.Center);
            }
        }
    }
}

更多关于HarmonyOS 鸿蒙Next navication页面，软件盘弹出后再关闭键盘，底部出现留白的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

您好,这边在IDE900 样机71的版本测试 弹起软件盘前后 底部都会出现留白,考虑是navigation的工具栏导致,加上 .hideToolBar(true)试下

@Entry
@Component
struct IR241015093733021 {
  private bottomRectHeight?: number = 30
  private topRectHeight?: number = 20
  @Provide('NavPathStack') pageStack: NavPathStack = new NavPathStack();
  build() {
    Navigation(this.pageStack) {
      Column() {
        TextArea({ placeholder: "输入内容" })
      }
      .width('100%')
      .layoutWeight(1)
      .backgroundColor(Color.Brown)
      .margin({ top: px2vp(this.topRectHeight), bottom: px2vp(this.bottomRectHeight) })
      Text("测试").backgroundColor(Color.Orange).width('100%').height(50).textAlign(TextAlign.Center)
    }
    .hideToolBar(true)
  }
}

更多关于HarmonyOS 鸿蒙Next navication页面，软件盘弹出后再关闭键盘，底部出现留白的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对“HarmonyOS 鸿蒙Next navigation页面，软件盘弹出后再关闭键盘，底部出现留白”的问题，这通常是由于页面布局在键盘弹出和隐藏过程中的调整不当导致的。

在鸿蒙系统中，当软件盘（虚拟键盘）弹出时，系统可能会调整当前页面的布局以适应键盘的显示区域。如果页面布局没有正确处理这种情况，就可能在键盘隐藏后出现布局留白。

为了解决这个问题，你可以检查以下几个方面：

  1. 布局文件：确保你的页面布局文件（如XML布局）中使用了适当的布局参数和约束，以便在键盘弹出和隐藏时能够正确调整布局。

  2. 监听键盘事件：在你的代码中添加键盘弹出和隐藏的监听逻辑，根据键盘的状态动态调整页面布局。

  3. 检查父布局：有时候问题可能出在父布局上，确保父布局能够正确处理子布局在键盘弹出和隐藏时的变化。

  4. 更新鸿蒙SDK：确保你使用的鸿蒙SDK是最新版本，因为新版本中可能修复了一些与键盘处理相关的bug。

如果问题依旧没法解决请联系官网客服，官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部