【问题标题】:Issues with Ionic 5 keyboardIonic 5 键盘的问题
【发布时间】:2020-04-23 16:43:15
【问题描述】:

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

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

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

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

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

页面的结构是什么样子的,我不得不关闭所有代码块才能截图:

【问题讨论】:

    标签: ionic-framework keyboard


    【解决方案1】:

    android:windowSoftInputMode 用于原生字段(EditText 等),因此当您单击原生 xml 时,它将生效。您需要做的就是在您的androidManefist.xml在线应用程序或活动中,有默认的keyboardresize =“adjustResize”,将其更改为adjustPan并且内容不会被向上推,而是键盘将作为动作表从底部不影响内容。

    【讨论】:

    • 你好 Mostafa,所以我按照你的建议添加了 android:windowSoftInputMode="adjustPan" 但内容仍在被推送。
    • @alaaelghazaly 您能否在问题中添加一个屏幕截图,显示打开键盘时发生的确切情况?
    • 在我几天前刚完成的另一个应用程序中,我发现 android:windowSoftInputMode 设置为“adjustResize”。例如,在该应用程序的登录页面上,当我点击ion-input 时,键盘会向上滑动而不推送页面内容。鉴于此,adjustResize 和 adjustPan 有什么区别?
    • 这是现在屏幕的样子:Imgur
    • 删除页脚,页脚是问题所在,页脚和离子标签可能会导致键盘出现此类问题,因此请尝试将其设置为底部:0,并且可能在没有固定位置的情况下定位绝对。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-19
    • 2012-01-05
    • 2021-04-02
    • 2019-08-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多