软键盘出现时如何保持Android webview中的固定页脚不覆盖输入字段？

Posted 2023-05-07

【中文标题】软键盘出现时如何保持Android webview中的固定页脚不覆盖输入字段？

【英文标题】：How to keep fixed footer in Android webview from covering input field when soft keyboard comes up?

【发布时间】：2018-04-19 09:48:25

【问题描述】：

我有一个 webview，它是一个 react 应用程序（不是 react native）。这是一个登录页面，有两个输入字段和一个固定的页脚。

当输入被聚焦时，页脚出现并与隐藏密码输入字段的输入字段重叠。

如何使页脚留在键盘下方？

【问题讨论】：

页脚css位置是否设置为固定？此外，一个 hacky 的想法是将页脚设置为 display:none 每当输入聚焦时。无论如何，发布你的 CSS 可能是个好主意！ =)

另一种解决方法是使用媒体查询。如果您知道它需要停止粘在底部的高度，则使用@media (max-height:<height>)，然后在其中将其position 设置为relative（而不是默认的absolute）。我还添加了额外的margin-top 以添加更多空间。

【参考方案1】：

getActivity().getWindow().setSoftInputMode(
                WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);

为您的活动设置此 onCreate 方法

【讨论】：

我认为可以，但没有尝试过。如果有的话，你可以通过加入 manifest 或 java 活动来尝试一下

是的，我有这个 android:windowSoftInputMode="adjustPan" 但它不工作

还有其他解决方案，但我很忙，一旦我有空我会告诉你的