Ion Refresh Native Directive

> This directive ion-refresh-native extends the functionality of the ion-refresher or the Pull-To-Refresh component of the [Ionic Framework][1]. This has been tested with Ionic v3.

$3

You can install the module from [NPM][2] using the following command.

npm i ion-refresh-native --save or npm install ion-refresh-native --save

$3

+ Import the Directive to your app.module.ts.
``typescript
import { NgModule } from '@angular/core';
...
import { IonRefreshNativeModule } from 'ion-refresh-native';

@NgModule({
declarations: [
...
],
imports: [
...
IonRefreshNativeModule,
...
],
bootstrap: [IonicApp],
entryComponents: [],
providers: []
})
export class AppModule {}
`
+ In your app.scss file, add the following:
`typescript
@import '../../node_modules/ion-refresh-native/dist/scss/ion-refresh-native';
`

$3

Now add the ion-refresh-native attribute in the ion-refresher component.
`html







`

$3

ion-refresh-position (optional) Allows you to manually set the position of the icon when the refreshing state kicks off. Default is 55.


`html

``

$3

See it live in action in this [demo][3]

$3

This is still in early stage. If any of you wants to help improve this module, please do send PR's.

[1]: https://ionicframework.com/
[2]: https://www.npmjs.com/package/ion-refresh-native
[3]: https://omelsoft.github.io/ion-refresh-native/docs/ion-refresh/www/index.html