javascript - ionic : Keyboard overlaps a focused text input on iOS 11

Question

问题

当我从模式中单击文本输入时，键盘与文本输入重叠。这个问题是在 iPhone SE (iOS 11) 设备上测试时发现的。

我查找了几个线程并尝试自己弄清楚，但我意识到我目前的问题一直是 Ionic 开发人员的长期问题，直到现在。

这些是我的问题的相关链接。我已尝试从下面的链接中给出解决方案，但没有一个适用于我的代码。

• Keyboard issue
• Keyboard overlaps the text input when the input is placed inside an ion-footer
• Keyboard hides input until I start typing
• Ionic 2 On-Screen Keyboard Covers Focused Input Element Inside Grid Component

版本信息

cli 包:(/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

全局包:

cordova (Cordova CLI) : 7.1.0

本地包:

@ionic/app-scripts : 3.1.4
Cordova Platforms  : android 6.3.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

系统:

ios-deploy : 1.9.2
Node       : v8.9.0
npm        : 5.5.1
OS         : macOS High Sierra
Xcode      : Xcode 9.2 Build version 9C40b

预期行为

当用户键入一些消息时， ionic 输入应保持在键盘正上方的位置。

实际行为

app.component.ts

我在 platform.ready() 中包含了 keyboard.disableScroll(true); 以防止导航栏崩溃问题。如果没有这行代码，键盘可以正常处理输入文本。但它将整个内容推到顶部，包括导航栏，因此前几条消息似乎被隐藏了。

有什么想法吗？

已更新

我不确定我解决问题的方法是最好的解决方案，但现在，我用文本区域的初始高度和键盘高度的总和替换了内容和页脚的底部边距。

如果您有更好的解决方案，请随时留下答案。

这是最终结果。

Answer 1

我在类似的元素设置中遇到了类似的问题，其中 iOS 中的键盘与 ionic 中的页脚栏重叠。我能够通过删除 ionic-plugin-keyboard@2.2.1 并添加 cordova-plugin-ionic-keyboard@2.0.5 https://github.com/ionic-team/cordova-plugin-ionic-keyboard 来解决它

显然，当我将我的元素从 Ionic 1 升级到 2 时，我没有注意到 ionic-plugin-keyboard 已被弃用，我猜您可能处于类似的位置。