uniapp adjustresize不生效是怎么回事？

在uniapp中设置了adjustresize属性，但页面布局没有按照预期调整，键盘弹出时页面内容没有被顶起。尝试了官方文档的配置方法，但问题依旧存在。请问可能是什么原因导致的？需要检查哪些配置或代码？

2 回复

可能是页面配置问题。检查页面json文件中的"style": { "navigationBarTitleText": "xxx" }是否被覆盖，或尝试在onShow生命周期中手动调用uni.pageScrollTo()重置页面位置。


在 UniApp 中，adjustresize 不生效通常是由于 Android 平台配置问题或页面结构导致的。以下是常见原因及解决方案：

1. 检查页面配置

在 pages.json 中确保对应页面已启用 softinputMode：

{
  "path": "pages/your-page",
  "style": {
    "app-plus": {
      "softinputMode": "adjustResize"
    }
  }
}

2. AndroidManifest.xml 配置

在 HBuilderX 项目中，检查 manifest.json 的 Android 配置：

"app-plus": {
  "distribute": {
    "android": {
      "softinputMode": "adjustResize"
    }
  }
}

3. 页面布局问题

  • 绝对定位元素：页面底部有 position: fixed 元素会阻碍布局调整，尝试改为 position: absolute。
  • 高度设置：避免 height: 100% 或 flex: 1 布局异常，改用 min-height。

4. 输入框焦点事件冲突

检查是否在输入框聚焦时触发了其他布局变动（如动态调整页面高度），移除相关逻辑。

5. 原生导航栏影响

如果使用原生导航栏，软键盘可能会覆盖内容。改用自定义导航栏或检查 titleNView 配置。

6. 测试环境差异

  • 在真机测试（部分模拟器支持不完善）。
  • 尝试调整输入框位置至页面中上部。

临时解决方案

若仍不生效，可监听键盘高度手动调整布局：

onKeyboardHeightChange(e) {
  const height = e.detail.height;
  // 根据键盘高度调整页面底部间距
}

建议按顺序检查以上配置，多数情况下通过正确设置 softinputMode 和调整页面布局即可解决。

回到顶部