ionic 3 和 AdMobFree：横幅后面的标签答案

【问题标题】：ionic 3 & AdMobFree: Tabs behind bannerionic 3 和 AdMobFree：横幅后面的标签
【发布时间】：2021-01-26 19:51:52
【问题描述】：

我在 ionic 3 中制作了一个应用，并在底部配置了一个 AdMob 横幅，它（几乎）完美地工作。每当我打开键盘然后关闭它时，底部的标签菜单就会滑到那个 AdMob 横幅后面。

截图：

我已经尝试添加边距或更改 app-nav 的高度，但所有这些都导致了奇怪的、不受欢迎的行为。

在设置页面上，我还有一个触发 EmailComposer 的按钮，当我之后关闭该电子邮件时，完全相同的事情再次发生。

当 AdMob 广告发生更改时，标签会直接跳回其原始位置（它们应该在的位置）。我还尝试销毁/隐藏广告，然后在键盘关闭时重新显示它，但这也没有改变任何行为。

【问题讨论】：

标签： ionic-framework ionic3 admob cordova-admob ionic-tabs

【解决方案1】：

通过订阅键盘 didHide 事件并隐藏横幅 100 毫秒并重新显示它来解决它，就像这里（app.component.ts）：

        keyboard.didHide.subscribe(() => {
          admob.banner.hide().then(() => {
            setTimeout(() => admob.banner.show(), 100);
          });
        });

【讨论】：

我遇到这个问题有一段时间了，不确定发生了什么，因此找到了解决方案。不过采取了稍微不同的方法，因为我不喜欢依靠计时器来做事。在我的情况下，我在键盘显示事件中隐藏横幅，并在键盘隐藏上重新获得横幅。似乎也可以工作。顺便说一句，即使这种解决方法有效，我认为这实际上应该在 admob 库中修复......

【解决方案2】：

通过在config.xml中加入这一行来解决。

<preference name="KeyboardResize" value="false" />

【讨论】：