代码之家  ›  专栏  ›  技术社区  ›  Shrutika Patil

离子标签的性能问题

  •  2
  • Shrutika Patil  · 技术社区  · 8 年前

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

    <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>
    

    如果我创建一个新的tabs项目,那么组件工作正常。但在我的项目中这是一个问题。我还尝试为所有页面删除在IonPageDidCenter()上调用的方法。

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

    2 回复  |  直到 8 年前
        1
  •  1
  •   Shrutika Patil    8 年前

    我已经调试并试图找到可能的问题。这个问题是因为页面上的离子列表导致了tab切换的延迟。当我把离子项目减少到30个时,性能提高了。我实现了无限滚动以避免性能问题。

        2
  •  0
  •   Yushin    8 年前

    apk 具有 ionic cordova run android --aot --minifyjs --minifycss