离子科尔多瓦键盘将离子页脚栏推离屏幕

Posted

技术标签:

【中文标题】离子科尔多瓦键盘将离子页脚栏推离屏幕【英文标题】:ionic cordova keyboard pushing ion-footer-bar off screen 【发布时间】:2015-05-05 15:10:18 【问题描述】:

我正在使用 ionic 框架编写应用程序,但遇到了键盘问题。请参阅以下屏幕截图:

这是聊天页面,一切正常

然后我点击输入栏:

可以看到键盘将页脚输入栏推出屏幕。

我使用 ionic 1.0.0-rc.5,并在 ion-footer-bar 上使用 keyboard-attach。这个问题出现在ios,我没有测试过android

一直在苦苦挣扎,请问如何解决,非常感谢您的帮助!

更新:此视图位于标签视图中,我使用tabs-item-hide 隐藏标签栏。也许我应该将它与标签分开,以便ion-footer-bar 成为此页面中唯一的页脚?

更新: 我将聊天视图与标签视图分开,错误仍然存​​在:-(

【问题讨论】:

【参考方案1】:

我删除keyboard-attach,然后就可以了。

按照文档http://ionicframework.com/docs/api/directive/keyboardAttach/ 不起作用,太奇怪了。

如果有任何进一步的错误或更好的解决方案,将在此处更新。

【讨论】:

我在 iOS 的 Ionic View 应用程序中看到了这个问题,我还没有实际安装在 iOS 设备上进行测试。我目前正在测试文档页面上提到的解决方案:ionicframework.com/docs/api/page/keyboard 使用cordova插件,cordova.plugins.Keyboard.disableScroll(true)【参考方案2】:

对于将来可能进入的任何人的说明,在使用“cordova-admob-pro”插件时,键盘附加在 android 中不起作用。隐藏广告使其工作。

【讨论】:

以上是关于离子科尔多瓦键盘将离子页脚栏推离屏幕的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 CSS 或 JS 防止 iOS 键盘将视图推离屏幕

离子显示键盘问题 - 顶部的灰色条

如何在屏幕底部放置离子标签?

使用离子框架将屏幕分成两个部分?

如何回到上一个屏幕离子2

当我按下屏幕离子 3 时菜单不起作用