页面转换或导航显示黑屏的离子框架

Question

我一直被困在与 ionic 框架相关的问题上，其中，每当我单击幻灯片菜单然后在页面滑动之前，就会出现深黑色，就像 iPhone 和 iPad 中的黑框一样，每次单击幻灯片或幻灯片时都会出现同样的情况过渡或导航。

因此，任何机构对此有解决方案，请告诉我。

谢谢 希瓦姆

Answer 1

在视图转换之间添加背景透明度：

[nav-view-transition][nav-view-direction] {
   background-color: transparent;
 }

我将上述 css 添加到我的自定义 styles.css 中。

此外，删除任何抽象状态，这应该可以解决导航之间的黑屏问题。

Answer 2

如果今天使用 Ionic 8.0.0（截至 2024 年 9 月官方启动器中使用的默认版本）并遇到此问题的任何人有用，只需更新到最新版本（截至今天的 8.3.1）。