Question

我已经使用ion-tabs组件创建了ionic tabs项目。但是问题是当用户单击选项卡图标时，选项卡不会立即更改。切换标签需要1-2秒。

HTML代码：

<ion-tabs  class="footer-tabs" selectedIndex="selectedTabIndex"#footerTabs>
  <ion-tab tabIcon="list" tabTitle="'Notice'" [root]="noticepage"></ion-tab>
  <ion-tab tabIcon="book1" tabTitle="'Homework'" [root]="homeworkpage"></ion-tab>
  <ion-tab tabIcon="calendar1" tabTitle="'Event'" [root]="eventpage"></ion-tab>
  <ion-tab tabIcon="list-box1" tabTitle="'Attendance'" [root]="attendancepage"></ion-tab>
</ion-tabs>

如果我创建新的选项卡项目，则组件工作正常。但是它给我的项目带来了问题。我还尝试通过删除所有页面上的ionPageDidEnter（）调用的方法。

有人知道可能是什么问题吗？

Answer 1

我已调试并尝试查找可能的问题。该问题是由于页面上的离子列表所致，这导致了选项卡切换的延迟。当我将离子项目减少到30个时，性能会提高。我实施了无限滚动以避免性能问题。

Answer 2

多数情况下，这取决于您如何加载页面以及如何编译项目尝试延迟加载页面并用apk编译ionic cordova run android --aot --minifyjs --minifycss，这有助于使您的应用运行得更快。

离子片的性能问题

2 个答案: