@akylas/nativescript-pulltorefresh

NativeScript-PullToRefresh

NativeScript plugin to use Pull to Refresh on any view.

Do you need assistance on your project or plugin? Contact the nStudio team anytime at team@nstudio.io to get up to speed with the best practices in mobile and web app development.

---

Installation

tns plugin add @Akylas/nativescript-pulltorefresh

#### Android - _SwipeRefreshLayout_

#### iOS - _UIRefreshControl_

$3

| Android | iOS |
| ---------------------------------------------- | -------------------------------------- |
| !Android Sample | !iOS Sample |

Usage

$3

#### XML

``xml
xmlns:PullRefresh="@Akylas/nativescript-pulltorefresh"
loaded="pageLoaded">








`

#### JS

`javascript
function refreshList(args) {
// Get reference to the PullToRefresh component;
var pullRefresh = args.object;

// Do work here... and when done call set refreshing property to false to stop the refreshing
loadItems().then(
resp => {
// ONLY USING A TIMEOUT TO SIMULATE/SHOW OFF THE REFRESHING
setTimeout(() => {
pullRefresh.refreshing = false;
}, 1000);
},
err => {
pullRefresh.refreshing = false;
}
);
}
exports.refreshList = refreshList;
`

$3

`typescript
import { registerElement } from "nativescript-angular/element-registry";
registerElement("PullToRefresh", () => require("@Akylas/nativescript-pulltorefresh").PullToRefresh);

refreshList(args) {
const pullRefresh = args.object;
setTimeout(function () {
pullRefresh.refreshing = false;
}, 1000);
}
`

#### HTML

`html





`

$3

`javascript
import Vue from 'nativescript-vue';

Vue.registerElement(
'PullToRefresh',
() => require('@Akylas/nativescript-pulltorefresh').PullToRefresh
);
`

#### Component

`vue



``

Properties

- refresh : function _required_
- refreshing: boolean - Notifies the widget that the refresh state has
changed.

Changelog

Contributing