Cordova + Angular 应用程序的屏幕覆盖问题

Question

我有一个使用 AngularJS + Cordova/Ionic 开发的应用程序。 系统设置：

• AngularJS
• 科尔多瓦 9
• 离子 1

问题：
该应用程序基本上是一个在线商店，您可以在其中拥有不同的产品组。您可以进入该组并在那里选择一个产品。 几次页面导航后，当我导航到上一页时，发生了以下事情：

• 导航堆栈中的上一个覆盖当前页面的一半屏幕。
• 当前页面与前一页重复并重叠。 发生这种情况时，两个屏幕都可用，例如，您可以滚动。

该问题仅出现在 iPhone X 及更高版本上。 Android 运行良好。

我在互联网上找到的内容并没有给我一个关于这个问题以及如何解决它的明确答案。 以下是资源链接：

• Ionic app back button causes previous state screens to overlap

• https://forum.ionicframework.com/t/ionic-iphone-screen-overlap-on-page-navigation/37900/15

• Content overlaps in Ionic 1 app for IOS version 11 and above

你能帮我找出原因吗？谢谢

Answer 1

找了半天，终于找到了解决办法。就我而言，这是一个缓存问题

在启动您设置的应用配置时 $ionicConfigProvider.views.maxCache(XXX);

maxCache(3) 对我来说是一个最佳数字，现在它可以正常工作了