Forum | Appery.io

Hi,
I've got pull-to-refresh working correctly from a functional point of view - user swipesdown on an Ionic list, and a REST API is called to refresh the data; the list is updated.

However, there is no visual cue to show that this is working. Most pull-to-refresh apps actually slide the list down the screen and have it bounce back up, with a spinner initiated.

Can this be done in Appery?

Regards
Andy

As an update, if I run a test app in the browser, i get the full pull-down experience, including the list sliding down the page. But if I run the same app in the android testing app, I don't.

See http://pulltorefresh.app.appery.io/#/...

Also, if I open the above URL in my android chrome browser, it doesn't work.

Any thoughts?

Regards,
Andy

Hello Andrew,

There are no default swipe up/down events, but you are able to use 3rd-part plugin for that, e.g.: https://github.com/marmorkuchen-net/a...

Hi Sergiy,

Is there any chance you could add the Ion Refresh component to the builder?

Andy

You are able to add any directive by yourself, please look at this tutorial how to do it: https://devcenter.appery.io/documenta...

Hi Sergiy,
I'm struggling with this, but I can't see why. So to look at the source HTML, I created a test page with the ion-refresher hardcoded into the source file template, and it works fine.

I've then created a directive which inserts the tag after the and it works fine in the browser.

However, in the Appery test app, and in the compiled apk, the directive-version doesn't work. A swipe down does nothing - it doesn't even move the list down the page.

Are there any technical reasons why the desktop browser should be different to the test app or the compiled APK?

Regards,
Andy

Please check if there are any errors in the Weinre console. You can learn here: https://devcenter.appery.io/documenta... how to open the console.