使用渐进式 Web 应用程序时 Android 软菜单重叠

Question

我正在开发一个渐进式网络应用程序，并在我的手机上使用manifest.json"display": "fullscreen" 运行它。
我发现，每当我使用虚拟键盘时，它都不会显示其下方通常的“软菜单”（我使用的是 Pixel 2 XL）。
这里有一些截图，你可以理解我的意思：

当我想输入内容时，当键盘出现时，没有软菜单，所以如果我想通过点击左下角来隐藏键盘，它可以触发我的 pwa UI 上的按钮。

但是，如果我尝试用手指从屏幕底部“向上滑动”，它将显示如下所示的软菜单：

这种交互似乎有点不对劲，而且它没有提供良好的用户体验，目前我主要使用浏览器基础版本，因为尝试隐藏键盘通常会导致触发链接或按钮网络应用程序。

你有什么想法可以解决这个问题吗？

非常感谢。

Answer 1

您正在使用display mode fullscreen。全屏模式：

在没有任何浏览器 UI 的情况下打开 Web 应用程序并占用整个可用显示区域。

这包括顶部的状态栏（带有时钟等）和底部的导航栏。

如果您希望用户无需滑动即可看到导航栏，则必须使用standalone 显示模式。