1.0.3 • Published 4 years ago
@uni/pull-down-refresh v1.0.3
onPullDownRefresh
Turn on drop-down refresh. The drop-down refresh triggers the "pulldownrefresh" event.
Supported
Install
$ npm install @uni/pull-down-refresh --saveor
$ npm install @uni/apis --saveUsage
import { onPullDownRefresh } from '@uni/pullDownRefresh';
onPullDownRefresh();You can also import from the big package:
import { pullDownRefresh } from '@uni/apis';
pullDownRefresh.onPullDownRefresh();You can add event listener:
pullDownRefresh.onPullDownRefresh({eventCallback: cb});Methods
onPullDownRefresh(options)
Arguments
| Property | Type | Description | required | Default |
|---|---|---|---|---|
| options | object | ✔️ | - | |
| options.pullRefresh | boolean | The switch of manual pulldownRefresh | ✘ | true |
| options.triggerDistance | number | The pull-down distance required when the pull-down refresh is triggered | ✘ | 90 |
| options.eventCallback | Function | The callback function when the event is triggered | ✘ | - |
| options.success | Function | The callback function for a successful API call | ✘ | - |
| options.fail | Function | The callback function for a failed API call | ✘ | - |
| options.complete | Function | The callback function used when the API call completed (always executed whether the call succeeds or fails) | ✘ | - |
startPullDownRefresh
Starts swipe-down-to-refresh.
Supported
Note: DingTalk miniprogram does not support startPullDownRefresh
Install
$ npm install @uni/pull-down-refresh --saveor
$ npm install @uni/apis --saveUsage
import { startPullDownRefresh } from '@uni/pullDownRefresh';
startPullDownRefresh();You can also import from the big package:
import { pullDownRefresh } from '@uni/apis';
pullDownRefresh.startPullDownRefresh();Methods
startPullDownRefresh(options)
Arguments
| Property | Type | Description | required | Default |
|---|---|---|---|---|
| options | object | ✔️ | - | |
| options.success | Function | The callback function for a successful API call | ✘ | - |
| options.fail | Function | The callback function for a failed API call | ✘ | - |
| options.complete | Function | The callback function used when the API call completed (always executed whether the call succeeds or fails) | ✘ | - |
stopPullDownRefresh
Disables swipe-down-to-refresh for the current page.
Supported
Install
$ npm install @uni/pullDownRefresh --saveor
$ npm install @uni/apis --saveUsage
import {stopPullDownRefresh} from '@uni/pullDownRefresh';
stopPullDownRefresh();You can also import from the big package:
import { pullDownRefresh } from '@uni/apis';
pullDownRefresh.stopPullDownRefresh();Methods
stopPullDownRefresh(options)
Arguments
| Property | Type | Description | required | Default | Supported |
|---|---|---|---|---|---|
| options | object | ✔️ | - | - | |
| options.success | Function | The callback function for a successful API call | ✘ | - | |
| options.fail | Function | The callback function for a failed API call | ✘ | - | |
| options.complete | Function | The callback function used when the API call completed (always executed whether the call succeeds or fails) | ✘ | - |