javascript – Ionic：键盘重叠iOS 11上的焦点文本输入

问题

当我单击模态中的文本输入时,键盘与文本输入重叠.在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

预期的行为

当用户键入一些消息时,离子输入应保持在键盘正上方的位置.

实际行为

app.component.ts

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

有任何想法吗？

更新

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

如果您有更好的解决方案,请随意留下答案.

这是最终的结果.

解决方法

我在类似的项目设置中遇到类似的问题,其中iOS中的键盘与离子中的页脚栏重叠.我能够通过删除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而被弃用,我猜你可能处于类似的位置.

原文地址：https://www.jb51.cc/js/150676.html