IONIC - VirtualScroll性能问题

Question

因此，我有一个介于0- 2500之间的项目数组。

我正在尝试使用virtualscroll选项(因为这是我用来处理大型数组的内容)来改善在显示\滚动大约1300个项目时的可怕性能问题。

所以我做了以下操作，但仍然很痛苦，并且在滚动时可能会导致应用程序崩溃。

 <ion-list [virtualScroll]="results" approxItemWidth="100%" approxItemHeight="45px" bufferRatio=60>
    <button ion-item   *virtualItem="let result" (click)="goToClient(result)">
      {{result.FirstName}} {{result.LastName}}
    </button>
  </ion-list> 

有没有人建议我哪里做错了\如何改进？

Answer 1

安装说明

npm install cordova -g

确保已添加ios平台：

ionic cordova platform ls

ionic cordova platform add ios

ionic cordova platform update ios
ionic cordova plugin save           # creates backup of existing plugins
rm -rf ./plugins            # delete plugins directory
ionic cordova prepare               # re-install plugins compatible with cordova-ios 4.x

安装WKWebViewPlugin：

ionic cordova plugin add https://github.com/ionic-team/cordova-plugin-wkwebview-engine.git --save

备注：

如果您已经安装了apache/cordova-plugin-wkwebview-engine，请确保在使用此版本之前将其删除。

ionic cordova plugin rm cordova-plugin-wkwebview-engine

搭建平台：

ionic cordova prepare

ionic cordova run ios

验证WKWebView是否已安装在iOS上的一种简单方法是检查window.indexedDB是否存在。例如：

if (window.indexedDB) {
   console.log("I'm in WKWebView!");
} else {
   console.log("I'm in UIWebView");
}

所需权限

除非config.xml中包含以下条件，否则WKWebView可能无法完全启动( deviceready事件可能不会触发)：

config.xml

<allow-navigation href="http://localhost:8080/*"/>
<feature name="CDVWKWebViewEngine">
  <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

在这里找到Complete Instructions