ionic 标签的性能问题

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

我已经调试并试图找出可能的问题。问题是由于 pages 上的 ion-list 导致选项卡切换延迟。当我将 ion-items 减少到 30 时，性能提高了。我实现了无限滚动以避免性能问题。