The pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data.
Pull to refresh manually refreshes screen content with a user action or gesture. It’s quite obvious, but still, sometimes designers use refresh indicator to show automatically update content. Since automatic refreshing mechanism doesn’t require any actions from the user side, automatically update content shouldn’t display a refresh indicator.
This collection usually represents a constantly-updating stream of items, and you can’t use an automatically update content because as you scroll up to the top it’s almost expected that you’ll automatically scroll up past the top since new items will be downloaded automatically all the time.
Step 1 – First, you need to purchase and install Pull to Refresh for PWA plugin.
For more details on how to download an extension for this Click Here
Step 2 – After Activate this plugin click on the Settings option like below the screenshot.
Step 3 – Once you click on settings links it will redirect to Features option here enable “Pull To Refresh” option. Click on the “gear” icon like below the screenshot.
Step 4 – Once you click on the gear icon you can see Pull To Refresh page check this “Pull To Refresh” page and then click on the “Submit” button.
The output of the Pull To Refresh
Note: For the upcoming update of “ Pull To Refresh” plugin then you need to enter the license key for this you need to go WordPress Dashboard -> PWA-> Premium Features -> In “Pull To Refresh for PWA” option enter the License key and click on “Activate” button.
That’s it for this tutorial!
We hope we’ve clear your doubts in case If you have any feedback or questions, Just contact us here and we are always available for you.