ionic 5 - 键盘在横向模式下隐藏输入和页面内容

Posted

技术标签:

【中文标题】ionic 5 - 键盘在横向模式下隐藏输入和页面内容【英文标题】:ionic 5 - keyboard hide input and page content in landscape mode 【发布时间】:2021-06-04 01:52:22 【问题描述】:

android 键盘隐藏输入和页面内容而不是向上滚动

我也试过 离子科尔多瓦插件添加科尔多瓦插件离子键盘 npm install @ionic-native/keyboard

但它们都不起作用

也尝试在 androidmanifest.xml 中添加属性,但没有任何改变

android:windowSoftInputMode="adjustResize"

android:windowSoftInputMode="adjustPan"

我的整个应用程序都在横向模式下工作 所以同样的问题在每个输入上都存在

截图 1 https://i.stack.imgur.com/8ZiFm.jpg

截图 2 https://i.stack.imgur.com/31gP7.jpg

【问题讨论】:

【参考方案1】:

感谢您的回复,但我已解决此问题 这是解决方案

有一个 Android 错误会阻止键盘在应用全屏时调整 WebView 的大小(即,如果使用 StatusBar 插件隐藏 StatusBar)。此设置,如果设置为 true,则添加一个解决方法,即使应用程序处于全屏状态,也可以调整 WebView 的大小。

布尔值(默认为 false)

可能的值 false:当应用全屏时不调整 WebView 的大小。 true:当应用全屏时调整 WebView 的大小。 <preference name="resizeOnFullScreen" value="true" />

【讨论】:

调整大小确实有一些问题,例如我的标签菜单,位于视口下方,任何解决方法.. 非常感谢 @Sunil 的修复【参考方案2】:

对于横向,在你的 xml 中试试这个

<preference name="Orientation" value="landscape" />

如果输入字段没有键盘,试试这个

ionic-no-keyboard

【讨论】:

以上是关于ionic 5 - 键盘在横向模式下隐藏输入和页面内容的主要内容,如果未能解决你的问题,请参考以下文章

离子输入隐藏在键盘下方 - ionic 2

Ionic实现自定义返回按键事件

Android:软键盘不消耗输入事件/触摸

禁用横向软键盘输入的全屏编辑视图?

使用媒体查询时无法打开 Android 键盘

关闭键盘 IQKeyboardManager 时,横向模式下底部黑屏