All Projects → yusukeshib → react-pullrefresh

yusukeshib / react-pullrefresh

Licence: other
Pull to refresh react component.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-pullrefresh

react-native-pullview
scrollview&&FlatList Pull refresh and loadmore
Stars: ✭ 26 (-57.38%)
Mutual labels:  refresh, pull
Smilerefresh
微笑下拉刷新。这是在 SwipeRefreshLayout基础上修改的下拉刷新库。
Stars: ✭ 203 (+232.79%)
Mutual labels:  refresh
Swiperefreshlayout
swipeRefreshLayout refresh pull-to-refresh
Stars: ✭ 26 (-57.38%)
Mutual labels:  refresh
Pull To Refresh
ESPullToRefresh is developed and maintained by Vincent Li. If you have any questions or issues in using ESPullToRefresh, welcome to issue. If you want to contribute to ESPullToRefresh, Please submit Pull Request, I will deal with it as soon as possible.
Stars: ✭ 1,591 (+2508.2%)
Mutual labels:  refresh
Flutter refresh
flutter refresh 上拉刷新 下拉加载 进度条
Stars: ✭ 51 (-16.39%)
Mutual labels:  refresh
React Native Mjrefresh
基于ios MJRefresh https://github.com/CoderMJLee/MJRefresh 开发的插件,可提供自定义的弹性刷新
Stars: ✭ 140 (+129.51%)
Mutual labels:  refresh
Spring Cloud Examples
Spring Cloud 学习案例,服务发现、服务治理、链路追踪、服务监控等
Stars: ✭ 5,829 (+9455.74%)
Mutual labels:  refresh
React Native Smartrefreshlayout
基于android SmartRefreshLayout https://github.com/scwang90/SmartRefreshLayout 开发的插件,可提供类似ios的弹性刷新
Stars: ✭ 240 (+293.44%)
Mutual labels:  refresh
Pull To Refresh.rentals Ios
This project aims to provide a simple and customizable pull to refresh implementation. Made in Yalantis
Stars: ✭ 2,171 (+3459.02%)
Mutual labels:  refresh
Arrowdrawable
纯Paint实现的一个射箭效果,可用作Loading动画。
Stars: ✭ 103 (+68.85%)
Mutual labels:  refresh
React Native Rk Pull To Refresh
a pull to refresh component for react-native, same api on both android and ios
Stars: ✭ 100 (+63.93%)
Mutual labels:  refresh
Collapsingrefresh
AppBarLayout+ViewPager+RecyclerView的刷新功能
Stars: ✭ 69 (+13.11%)
Mutual labels:  refresh
Tgrefreshoc
弹簧、橡皮筋下拉刷新控件,类似QQ下拉刷新效果,同时支持其他样式
Stars: ✭ 149 (+144.26%)
Mutual labels:  refresh
Kafkarefresh
Animated, customizable, and flexible pull-to-refresh framework for faster and easier iOS development.
Stars: ✭ 1,033 (+1593.44%)
Mutual labels:  refresh
Mjrefresh
An easy way to use pull-to-refresh.
Stars: ✭ 13,565 (+22137.7%)
Mutual labels:  refresh
Refreshwithappbarlayout
类似知乎和BilibiliAndroid端个人中心界面 添加下拉刷新效果
Stars: ✭ 19 (-68.85%)
Mutual labels:  refresh
Glastoselenium
A bot for booking Glastonbury tickets using selenium
Stars: ✭ 89 (+45.9%)
Mutual labels:  refresh
View Load Retry
这个加载框架有点不一样,针对View进行加载,加载页面还保持了原View的属性,侧重点在灵活,哪里需要加载哪里,加载状态页面完全自定义,无任何限制,针对加载结果可以按需配置对应页面,LeakCanary检测无内存泄漏
Stars: ✭ 119 (+95.08%)
Mutual labels:  refresh
Flutter easyrefresh
A flutter widget that provides pull-down refresh and pull-up load.
Stars: ✭ 2,989 (+4800%)
Mutual labels:  refresh
Shswiperefreshlayout
Android 升级版 SwipeRefreshLayout,支持RecyclerView、ScrollView等大部分组件,下拉刷新(Refresh)和上拉加载(Loadmore),支持自定义HeaderView和FooterView
Stars: ✭ 236 (+286.89%)
Mutual labels:  refresh

react-pullrefresh

Pull to reflesh material design component.
react-native is supported.

Demo

https://yusukeshibata.github.io/react-pullrefresh/

Install

npm install react-pullrefresh

Usage

import PullRefresh from 'react-pullrefresh'

class App extends Component {
  // onRefresh function canbe async/sync
  async onRefresh() {
    await someAsyncFunction()
  }
  // Without children PullRefresh element observe document.body's scroll
  render() {
    return (
        <PullRefresh
          onRefresh={::this.onRefresh}
        >
          {range(100).map(i => {
            return (
                <div key={i} className='row'>{i}</div>
                )
          })}
        </PullRefresh>
        )
  }
}

export default App

Behaviour difference between v1/v2

TODO:

Props

render

TODO:

color

default: #787878

bgColor

default: #ffffff

disabled

disable component

default: false

zIndex

specify css z-index.

default: undefined

onRefresh
async function onRefresh() {
  //...some async function
}
style

container style.

default: undefined

Removed props

  • size
  • offset
  • max
  • waitingComponent
  • pullingComponent
  • pulledComponent
  • supportDesktop

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