moschan / React Native Pull To Refresh
Licence: mit
The Pull-To-Refresh component for React Native (iOS/Android)
Stars: ✭ 166
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Pull To Refresh
Vue Swatches
🎨 Help the user picking beautiful colors!
Stars: ✭ 456 (+174.7%)
Mutual labels: component, ui-components
Rn Components Kit
A series of commonly used react-native components
Stars: ✭ 79 (-52.41%)
Mutual labels: component, ui-components
Toastnotifications
Toast notifications for WPF allows you to create and display rich notifications in WPF applications. It's highly configurable with set of built-in options like positions, behaviours, themes and many others. It's extendable, it gives you possibility to create custom and interactive notifications in simply manner.
Stars: ✭ 507 (+205.42%)
Mutual labels: component, ui-components
Komponents Deprecated
📦 React-inspired UIKit Components - ⚠️ Deprecated
Stars: ✭ 202 (+21.69%)
Mutual labels: component, ui-components
React Multi Select
A Multi Select component built with and for React
Stars: ✭ 111 (-33.13%)
Mutual labels: component, ui-components
Ui Box
Blazing Fast React UI Primitive
Stars: ✭ 847 (+410.24%)
Mutual labels: component, ui-components
Gomponents
Declarative view components in Go, that can render to HTML5.
Stars: ✭ 49 (-70.48%)
Mutual labels: component, ui-components
Xmui
基于vue2,为公司产品打(zao)造(lun)的(zi)可复用UI组件,文档:
Stars: ✭ 94 (-43.37%)
Mutual labels: component, ui-components
Quist Ui
快应用UI组件库 https://jdsecretfe.github.io/quist-ui/
Stars: ✭ 108 (-34.94%)
Mutual labels: component, ui-components
Gu
A web ui library for Go. [DEPRECATED]
Stars: ✭ 102 (-38.55%)
Mutual labels: component, ui-components
React Step Progress Bar
A library to create stunning progress bars and steps in React 🌡
Stars: ✭ 140 (-15.66%)
Mutual labels: component, ui-components
Ka Table
Lightweight MIT React Table component for both TS and JS with Sorting, Filtering, Grouping, Virtualization, Editing and many more
Stars: ✭ 117 (-29.52%)
Mutual labels: component, ui-components
Bekcurvetabbar
Full Customizable Tabbar with IBInspectables
Stars: ✭ 144 (-13.25%)
Mutual labels: component, ui-components
Fluent Reveal Effect
Fluent Reveal Effect JavaScript library for web
Stars: ✭ 164 (-1.2%)
Mutual labels: ui-components
Vue Info Card
Simple and beautiful card component with an elegant spark line, for VueJS.
Stars: ✭ 159 (-4.22%)
Mutual labels: component
React Console Emulator
👨💻 A simple, powerful and highly customisable Unix terminal emulator for React.
Stars: ✭ 160 (-3.61%)
Mutual labels: component
Things Calendar
Simple but elegant datepicker for the web — inspired by Things for mac
Stars: ✭ 165 (-0.6%)
Mutual labels: component
Flexcolorpicker
Modern color picker library written in Swift 5 that can be easily extended and customized. It aims to provide great UX and performance with stable, quality code.
Stars: ✭ 164 (-1.2%)
Mutual labels: ui-components
Ej2 Angular Ui Components
Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
Stars: ✭ 159 (-4.22%)
Mutual labels: ui-components
react-native-pull-to-refresh (iOS/Android)
The pull-to-refresh view component for React Native
Demo
iOS | Android |
---|---|
Installation
npm i react-native-pull-to-refresh --save
Getting started
import PTRView from 'react-native-pull-to-refresh';
var PullToRefreshProject = React.createClass({
_refresh: function() {
return new Promise((resolve) => {
setTimeout(()=>{resolve()}, 2000)
});
},
render: function() {
return (
<PTRView onRefresh={this._refresh} >
<View style={styles.container}>
<Text style={styles.welcome}>
Let's Pull!
</Text>
</View>
</PTRView>
);
},
});
Props
onRefresh
The method of refresh. You have to return promise object.
0
)
delay(default:delay time of refresh. If you set this this prop, refresh function will be delayed
80
) iOS
offset(default:distance of pull to refresh
#000
) Android
colors(default:The background color of the refresh indicator
transparent
) Android
progressBackgroundColor(default:The background color of the refresh indicator
Contributing
Welcome :)
You can use following command in example
dir:
npm run sync
During running this command, when you change source to implement/fix something, these changes will sync to example/node_modules/react-native-pull-to-refresh/
. You can check your change using example project easily.
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].