angular - IONIC - VirtualScroll Performance issue -


so, have array of items between 0 - 2500.

i'm trying use virtualscroll option (as have read handle large arrays) improve diabolical performance issue when displaying\scrolling through 1300 items.

so i've done following, still painful , can crash app when scrolling.

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

anyone advise i'm doing wrong\ how improve?

try install cordova wkwebview engine , optimizes ios performance issues:

installation instructions

ensure latest cordova cli installed: (sudo may required)

npm install cordova -g

ensure ios platform has been added:

ionic cordova platform ls

if ios platform not listed, run following command:

ionic cordova platform add ios

if ios platform installed version < 4.x, run following commands:

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 cordova-ios 4.x

install wkwebviewplugin:

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

note:

if had apache/cordova-plugin-wkwebview-engine install make sure removed before using version.

ionic cordova plugin rm cordova-plugin-wkwebview-engine

build platform:

ionic cordova prepare

test app on ios 9 or 10 device:

ionic cordova run ios

an easy way verify wkwebview has been installed on ios check if window.indexeddb exists. example:

if (window.indexeddb) {    console.log("i'm in wkwebview!"); } else {    console.log("i'm in uiwebview"); }

required permissions

wkwebview may not launch (the deviceready event may not fire) unless if following included in 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" />

here find complete instructions


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

nginx - phpPgAdmin - log in works but I have to login again after clicking on any links -

i have setup postgres 9.6 , phppgadmin on centos 7 server nginx, i can log in phppgadmin, postgresql server on right of page remains crossed out , link try browse (databases, roles etc) requires log in again. i'm thinking seems sessions problem, unsure how resolve it. any pointers on how fix or should looking @ in order track down problem? solved. turns out owner of /var/lib/php/session apache - needed nginx. sorted changing ownership nginx below: chown -r nginx:nginx /var/lib/php/session/
Read more