ionic-framework - Ionic 5 键盘的问题

我目前正在使用 Ionic 5,但我遇到了 2 个键盘问题。 当我点击 ionic 输入并出现键盘时:

  1. ion-content 被向上推,因此它正好位于键盘上方,这导致一切都被塞满。我尝试了一堆解决方案,但没有一个能正常工作,而且大多数都涉及 android:windowSoftInputMode="adjustNothing",这让 ion-content 保持原样,因此 ion-input 是不可见的,因此用户看不到他们正在输入的内容,也看不到下一步按钮,因此他们必须先关闭键盘才能查看他们写的内容并能够继续下一步。

  2. 当键盘即将关闭时,它会在其占用的空间中留下一个空白区域。它只是一瞬间,但它是可见的,并且让应用感觉它很慢或滞后。

这 2 个问题似乎很常见,因为自 2014 年以来我就发现了有关它们的问题,并且我尝试了答案中提到的大多数解决方案,但似乎没有任何效果。

我似乎仅在此应用程序中遇到了这个问题,但我知道这不是 ionic 5 问题,因为人们在旧版本中遇到了同样的问题。

页面的结构是什么样的,我不得不关闭所有代码块以便我可以截图:

最佳答案

android:windowSoftInputMode 是针对原生字段(EditText 等)的,所以当你点击原生 xml 时它会生效。所有你需要做的是在你的 androidManefist.xml 在线应用程序或事件中,有 keyboardresize="adjustResize"这是默认的,将它更改为 adjustPan 并且内容不会被推上去,而是键盘将作为操作表从底部而不影响内容。

https://stackoverflow.com/questions/61371405/

相关文章:

php - 更改 Woocommerce 管理员订单列表时间和日期格式

php - 超时作业挂起 15 或 30 分钟,然后运行

python - 当没有 activate.bat 并且我是凡人时,如何在虚拟环境中的任务调度程序中

javascript - postgres : relation does not exist wh

ios - 如何在 SwiftUI 中更新 TextField 的值?

perl - 使用 Perl 连接到 AWS Managed Cassandra

flutter - 如何在 Flutter 中禁用 SnackBar 的淡入/淡出动画?

google-app-engine - 将 AppEngine 中的传入请求路由到不同版本

angular - JSDom karma Angular 设置

reactjs - Ant Design 如何处理 Form.List 从底层数据结构访问值?