Question

我在使用Ionic2在真实设备（IOS / Android）上测试我的应用时遇到了点击延迟问题。根据此模板，我有5个项目的VirtualList：

<ion-list [virtualScroll]="feed.posts" approxItemHeight="100px"  no-lines>
 <div class="feed-item" *virtualItem="let post">
  <ion-card>
   <ion-row no-padding class="actions-row">
    <ion-col no-padding width-50 text-left>
     <button tappable class="action-button" ion-button clear small icon-left (click)="goToPost(post.id)">
      <ion-icon name='pricetags'></ion-icon>
        {{post.nombrePromotion}} Promotion(s)
     </button>
    </ion-col>
    ...
   </ion-row>
  <ion-card>
 </div>
</ion-list>

在浏览器上进行测试时，点击响应非常快，但是当我在Iphone 5C或Android设备（或模拟器）上测试应用时，会有很多延迟（例如2s）。

在这里，您可以看到点击延迟的视频：

ON BROWSER

ON IPHONE 5C

如何提高设备/模拟器的点击速度？

谢谢

的信息：

Ionic Framework: 2.2.0
Ionic Native: ^3.5.0
Ionic App Scripts: 1.1.4
Angular Core: 2.4.8
Angular Compiler CLI: 2.4.8
Node: 7.7.3
OS Platform: macOS Sierra
Navigator Platform: MacIntel

Answer 1

对于移动设备/平板电脑设备，请使用Gestures。

在这种情况下，请使用tap。

<button tappable class="action-button" ion-button clear small icon-left (tap)="goToPost(post.id)">
      <ion-icon name='pricetags'></ion-icon>
        {{post.nombrePromotion}} Promotion(s)
</button>

点击延迟浏览器VS设备，如何改进？

1 个答案: