Ionic 离子键盘在多个输入之间切换时隐藏内容

vnzz0bqm  于 2023-06-20  发布在  Ionic
关注(0)|答案(1)|浏览(100)

我目前正在我的手机上测试我的Ionic Angular项目的登录页面。我发现选择离子输入会根据keyboardheight属性向上移动内容。这可以防止内容被键盘覆盖。
当键盘因焦点输入而打开,而您单击另一个输入时,会出现问题。输入切换后,keyboardheight被打印为0,内容被重置到屏幕中心,导致内容被键盘覆盖,无法在键盘上方滚动。
我目前正在我的iPhone 11(Nexus浏览器)上测试,并使用Ionic v7。
我已经尝试安装电容器键盘插件并使用此配置:

"plugins": {
    "Keyboard": {
      "resize": "body",
      "style": "DARK",
      "resizeOnFullScreen": true
    }
  }

通常情况下,键盘应该显示,内容仍然被提升到键盘上方。

gfttwv5a

gfttwv5a1#

您可能正在谈论来自here的这个bug。
这个问题已经解决,你可以只更新你的离子项目或离子电容器插件。
在您的项目中安装最新的capacitor cli:

npm i -D @capacitor/cli@latest

使用以下命令迁移项目:

npx cap migrate

在第二点,你应该被问到是否想让migrator运行npm/yarn/pnpm install来安装最新版本的capacitor包。键入'y'并选择您首选的软件包管理器以安装最新版本的软件包。
官方电容器文档如何在这里更新-> click

相关问题