使用iOS 11和iPhone X Apple specified,每个应用程序都应位于“安全区域”(由于虚拟首页按钮):

ios -  ionic 选项卡栏与主页按钮重叠(iPhone X-iOS 11)-LMLPHP



问题是一个Ionic应用程序(第1版),其中选项卡栏覆盖了屏幕的这一部分,因此该栏位于主页按钮下方:

ios -  ionic 选项卡栏与主页按钮重叠(iPhone X-iOS 11)-LMLPHP

有谁知道如何修理它?

(请注意:如果您在iPhone X模拟器中运行新的Ionic应用程序v1,则会在窗口的顶部和底部出现两个黑色空格,但是您可以防止在内部meta标签中添加“viewport-fit = cover” index.html)

最佳答案

对于Ionic1元素,我发现以tab-nav为目标就可以了。

.tab-nav {
    margin-bottom: constant(safe-area-inset-bottom);
}

10-02 14:02