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.git

• Navigate to the created folder: cd react-native-pull-down

• To run on either iPhone or Android check this page: https://github.com/react-community/create-react-native-app#creating-an-app