1.0.0 • Published 8 years ago
react-native-pull-refresh v1.0.0
Custom Android Pull to Refresh
Inspired by the shots from the author: https://dribbble.com/yupnguyen
| Coffee Concept | Coin Concept | Weather Concept |
|---|---|---|
 |  |  |
Demos
Install Expo App on your Android smartphone or iPhone.
Scan this QR-code with your Expo App.
... or go here and try it out!
Example
The demo app from the GIF can be found at examples/.
Using npm:
$ npm install --save <name>Using yarn:
$ yarn add <name>Usage
import React, { Component } from 'react';Props
| Prop | Type | Description |
|---|---|---|
children | ReactElement<any> | React Element(s) to render. |
flipDuration | ?number | Length of flip animation in milliseconds. Default 280. |
renderBackface | () => ReactElement<any> | Callback that renders a backface. |
renderFrontface | () => ReactElement<any> | Callback that renders a frontface. |
renderLoading | ?() => ReactElement<any> | Callback that renders a temporary view to display before base layout occurs. If not provided, renderFrontface is used instead. |
Instructions
- Install NodeJS
- Install and setup React Native
Clone repository:
git clone https://github.com/NadiKuts/react-native-pull-down.gitNavigate to the created folder:
cd react-native-pull-downTo run on either iPhone or Android check this page: https://github.com/react-community/create-react-native-app#creating-an-app
1.0.0
8 years ago