Ionic Pull to Refresh Performance Issues

ionic-v1
1

Hi guys,

I recently implemented the pull to refresh functionality following the Ionic tutorial. However, on the actual device (Android 6), the pull to refresh animation is painfully jerky. It looks like a quick slideshow that barely shows the animation. I should note that I am also using the ‘loading:show’ broadcast I also have setup, so really two loading animation show up. This is with Ionic 1.1.0. Thanks!

Here is my super simple code:

<ion-content class="color-bg">

    <ion-refresher pulling-text="Pull to refresh" on-refresh="doRefresh()">
    </ion-refresher>

    <div class="card" ng-repeat="t in transactions | orderBy:'date':true">
        <div class="item">
            <h2>Transaction {{$index}}</h2>
        </div>
    </div>

</ion-content>

$scope.doRefresh = function () {
    NFactory.getTransactions().success(function (response) {

        $scope.transactions = response;

    })
    .error(function (error) {

    })
    .finally(function () {
        $scope.$broadcast('scroll.refreshComplete');
    })
};
2

All animations are jerky on any Andorid device on any Android version. Android actually sucks on this level for hybrid apps. It is not ionic’s fault.

You can try after adding crosswalk as it helps sometimes otherwise no way to make the animations smooth on Android.

3

Thanks for the thoughts. Yes, I tried using crosswalk and unfortunately that didn’t seem to help much. But I haven’t done any iOS testing yet. Hopefully things improve.