Awesome Open Source
Awesome Open Source

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;}}
        />

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,556,467
Reactjs (73,042
Android (41,196
Ios (19,340
React Native (11,849
Loader (960
Scrollview (221
Refresh (144
Related Projects