Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular IONIC-VirtualScroll性能问题_Angular_Ionic Framework_Ionic2 - Fatal编程技术网

Angular IONIC-VirtualScroll性能问题

Angular IONIC-VirtualScroll性能问题,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,所以, 我有一个介于0到2500之间的项目数组 我正试图使用virtualscroll选项(因为这是我读过的处理大型数组的内容)来改善在显示\滚动大约1300个项目时的可怕性能问题 所以我做了以下几点,但仍然很痛苦,在滚动时可能会使应用程序崩溃 <ion-list [virtualScroll]="results" approxItemWidth="100%" approxItemHeight="45px" bufferRatio=60> <button ion-it

所以, 我有一个介于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> 

{{result.FirstName}{{result.LastName}

有人建议我做错了什么\如何改进吗?

尝试安装
Cordova wkWebview引擎,它优化了iOS性能问题:

安装说明

确保安装了最新的Cordova CLI:(可能需要Sudo)

确保已添加ios平台:

ionic cordova platform ls
如果未列出iOS平台,请运行以下命令:

ionic cordova platform add ios
如果安装了iOS平台,但版本<4.x,请运行以下命令:

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
注意:

ionic cordova prepare
ionic cordova run ios
如果您已经安装了apache/cordova插件wkwebview引擎,请确保在使用此版本之前将其删除

ionic cordova plugin rm cordova-plugin-wkwebview-engine
构建平台:

ionic cordova prepare
ionic cordova run ios
在iOS 9或10设备上测试应用程序:

ionic cordova prepare
ionic cordova run ios
验证iOS上是否安装了WKWebView的一种简单方法是检查window.indexedDB是否存在。例如:

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

WKWebView可能无法完全启动(deviceready事件可能不会触发),除非config.xml中包含以下内容:

config.xml

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

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

在浏览器中运行应用程序时是否有任何错误?或者你的列表只是不显示?不可以。尝试实现ui滚动。这将提高性能。应用程序永远不会崩溃。@D-W您尝试的平台是什么?使用IONIC 3,IOS