All Projects → wuyunqiang → react-native-pullview

wuyunqiang / react-native-pullview

Licence: other
scrollview&&FlatList Pull refresh and loadmore

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-native-pullview

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 (+6019.23%)
Mutual labels:  refresh, scrollview
react-native-dual
ScrollView, FlatList, SectionList and ListView with dual background
Stars: ✭ 28 (+7.69%)
Mutual labels:  scrollview, flatlist
RNApp
react native app
Stars: ✭ 43 (+65.38%)
Mutual labels:  pull, flatlist
react-pullrefresh
Pull to refresh react component.
Stars: ✭ 61 (+134.62%)
Mutual labels:  refresh, pull
BSLoader
It's to show loading animations
Stars: ✭ 13 (-50%)
Mutual labels:  loader
composer-file-loader
Tool to load namespaces and classes from composer.json file without composer
Stars: ✭ 64 (+146.15%)
Mutual labels:  loader
react-native-drop-refresh
♻️ A pull down to refresh control for react native.
Stars: ✭ 66 (+153.85%)
Mutual labels:  refresh
android-Ultra-Pull-To-Refresh-With-Load-More-master
No description or website provided.
Stars: ✭ 18 (-30.77%)
Mutual labels:  refresh
InstagramActivityIndicator
Activity Indicator similar to Instagram's
Stars: ✭ 49 (+88.46%)
Mutual labels:  loader
svg-symbol-sprite-loader
Loader and plugin for generating an SVG symbol sprite
Stars: ✭ 15 (-42.31%)
Mutual labels:  loader
ember-content-loader
Easy, customizable content placeholders / skeletons screens
Stars: ✭ 41 (+57.69%)
Mutual labels:  loader
django-manifest-loader
Simplifies webpack configuration with Django
Stars: ✭ 105 (+303.85%)
Mutual labels:  loader
angular-translate-loader
"angular-translate" loader for webpack
Stars: ✭ 15 (-42.31%)
Mutual labels:  loader
rn-mirror-lists
🪞 Mirror scroll lists for React Native
Stars: ✭ 38 (+46.15%)
Mutual labels:  scrollview
loadkit
Java 资源加载器,充分拓展ClassLoader#getResources(name)的能力,实现递归加载,支持普通风格 / 包名风格 / ANT风格 / 正则风格路径的资源加载同时支持自定义过滤器,通常作为框架的基础类库。
Stars: ✭ 39 (+50%)
Mutual labels:  loader
RTHeadedColumnView
Multi-column content with a common header view
Stars: ✭ 12 (-53.85%)
Mutual labels:  scrollview
react-data-loader
Dead simple data loader helper for React
Stars: ✭ 22 (-15.38%)
Mutual labels:  loader
vue-loading
Loading bar for Vue.js apps using axios
Stars: ✭ 19 (-26.92%)
Mutual labels:  loader
path-replace-loader
Path replace loader for webpack
Stars: ✭ 14 (-46.15%)
Mutual labels:  loader
ParticlesRefreshLayout-android
Particles Refresh Layout library for Android
Stars: ✭ 15 (-42.31%)
Mutual labels:  refresh

PullView

scrollview&&FlatList Pull refresh and loadmore

参考react-native-pull和RefreshListDemo。
android&&ios都可以使用。

new

android可以使用原生的下拉刷新效果会更好 如下使用:
/**

  • PullScroll => scrollview
  • PullList =>flatlist
  • Android_Native 是否使用android原生下拉刷新组件 true开启
  • ****/

如果开启原生属性 需要android引入原生模块
下拉刷新数据传送的方式有两种

method:1

view实例的方式 Key有没有都可以 也不需要js监听事件 只需要复写onPullRelease即可以使用 debug测试可以使用但是在release模式下会有收不到消息的情况,官方原因并不稳定

method:2

原生广播的方式想rn发送数据 ### 因此Key必须有切唯一不重复 ### 需要rn端写事件监听 稳定暂时未发现bug
具体建议参考:RNApp
iosrnapp.gif androidgif.gif

       <PullScroll
            method={2}
            Key={'PullScroll'}
            Android_Native={true}//是否使用原生下拉刷新 仅对android生效 iOS无效果
            onPullRelease={this.onPullRelease}
            style={{flex:1,backgroundColor:Color.background}}>
            {this.renderView()}
        </PullScroll>
        
        
        
        <PullList
            method={2}
            Android_Native={true} 
            Key={'list'}//每一个实例不能重复
            ref={(list) => this.pullList = list}
            onEndReachedThreshold={20}
            onPullRelease={this.onPullRelease}
            onEndReached={this.loadMore}
            renderItem={this.renderRowView}
            getItemLayout={(data, index) => ({length:230, offset:230 * index, index})}
            numColumns={1}
            ItemSeparatorComponent={() => {
                return null;
            }}
            initialNumToRender={5}
            renderLoading = {()=>{return null;}}
        />
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].