uni-app 在小米澎湃系统中软键盘有黑边

在小米澎湃系统中使用 uni-app 开发应用时，遇到软键盘出现黑边的问题，可能是由于系统或框架的兼容性问题导致的。以下是一些可能的解决方案和排查步骤：

1. 检查 manifest.json 配置

确保在 manifest.json 中正确配置了页面的布局和样式。特别是 app-plus 节点下的配置，可以尝试调整以下内容：

{
  "app-plus": {
    "softinput": {
      "mode": "adjustResize" // 或 "adjustPan"
    }
  }
}

• adjustResize：页面内容会调整大小以适应软键盘。
• adjustPan：页面内容会平移以适应软键盘。

2. 检查页面布局

确保页面的布局没有导致黑边的问题。可以通过以下方式排查：

• 检查 viewport 设置：确保 viewport 的 width=device-width, initial-scale=1.0 设置正确。
• 检查 CSS 样式：确保页面元素的样式没有导致黑边，如 overflow: hidden 或 position: fixed 等。

3. 使用 uni.getSystemInfo 获取系统信息

通过 uni.getSystemInfo 获取当前系统的信息，检查是否有特殊的环境变量或设置影响了软键盘的显示。

uni.getSystemInfo({
  success: function (res) {
    console.log(res);
  }
});

4. 更新 uni-app 和 HBuilderX

确保你使用的是最新版本的 uni-app 和 HBuilderX，因为新版本可能已经修复了一些兼容性问题。

5. 使用 uni.onKeyboardHeightChange 监听键盘高度变化

通过监听键盘高度的变化，动态调整页面布局，避免黑边的出现。

uni.onKeyboardHeightChange(res => {
  console.log(res.height);
  // 根据键盘高度调整页面布局
});

6. 尝试使用原生插件

如果上述方法都无法解决问题，可以尝试使用原生插件来处理软键盘的显示问题。uni-app 支持使用原生插件，可以通过原生代码来解决兼容性问题。

7. 联系小米技术支持

如果问题依然存在，可能是小米澎湃系统的特定问题。可以尝试联系小米技术支持，反馈问题并寻求解决方案。

8. 社区和论坛

在 uni-app 的官方社区或论坛中搜索类似问题，看看是否有其他开发者遇到过类似问题，并找到解决方案。

9. 使用 plus.webview 调整窗口

通过 plus.webview 手动调整窗口大小，避免黑边。

var ws = plus.webview.currentWebview();
ws.setStyle({
  softinputMode: 'adjustResize'
});