当我单击模态中的文本输入时,键盘与文本输入重叠.在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()内部,以防止导航栏崩溃问题.没有这行代码,键盘可以正常输入文本.但是它将整个内容推送到顶部,包括导航栏,因此前几条消息似乎被隐藏了.

有任何想法吗？

更新

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

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

这是最终的结果.