javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(refresher): add pullFactor property to control speed (#16697)

Browse Source 
closes #15425
This commit is contained in:
Paul Stelzer
2019-05-07 23:21:32 +02:00
committed by Brandy Carney
parent cc8678ad58
commit 9030dcc111
9 changed files with 99 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
core/src/components/refresher/refresher.tsx
View File

@ -58,6 +58,19 @@ export class Refresher implements ComponentInterface {
*/
@Prop() snapbackDuration = '280ms';
/**
* How much to multiply the pull speed by. To slow the pull animation down,
* pass a number less than `1`. To speed up the pull, pass a number greater
* than `1`. The default value is `1` which is equal to the speed of the cursor.
* If a negative value is passed in, the factor will be `1` instead.
*
* For example: If the value passed is `1.2` and the content is dragged by
* `10` pixels, instead of `10` pixels the content will be pulled by `12` pixels
* (an increase of 20 percent). If the value passed is `0.8`, the dragged amount
* will be `8` pixels, less than the amount the cursor has moved.
*/
@Prop() pullFactor = 1;
/**
* If `true`, the refresher will be hidden.
*/
@ -188,7 +201,7 @@ export class Refresher implements ComponentInterface {
// this method can get called like a bazillion times per second,
// so it's built to be as efficient as possible, and does its
// best to do any DOM read/writes only when absolutely necessary
// if multitouch then get out immediately
// if multi-touch then get out immediately
const ev = detail.event as TouchEvent;
if (ev.touches && ev.touches.length > 1) {
return;
@ -201,7 +214,8 @@ export class Refresher implements ComponentInterface {
return;
}
const deltaY = detail.deltaY;
const pullFactor = (Number.isNaN(this.pullFactor) || this.pullFactor < 0) ? 1 : this.pullFactor;
const deltaY = detail.deltaY * pullFactor;
// don't bother if they're scrolling up
// and have not already started dragging
if (deltaY <= 0) {