Andrew Peacock
Posts: 0
Joined: Thu Jan 09, 2014 10:03 pm

Angular/ionic pull to refresh

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

Andrew Peacock
Posts: 0
Joined: Thu Jan 09, 2014 10:03 pm

Angular/ionic pull to refresh

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Angular/ionic pull to refresh

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

Andrew Peacock
Posts: 0
Joined: Thu Jan 09, 2014 10:03 pm

Angular/ionic pull to refresh

Hi Sergiy,

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

Andy

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Angular/ionic pull to refresh

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

Andrew Peacock
Posts: 0
Joined: Thu Jan 09, 2014 10:03 pm

Angular/ionic pull to refresh

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Angular/ionic pull to refresh

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.

Return to “Issues”