This package has been deprecated

Author message:

this package has been deprecated

refresh-list-view

1.0.1 • Public • Published

react-native-refresh-list-view

初学react native,看到github上现有的相关控件实现都较为复杂,又不太符合自己心中想要的样子。于是自己做了一个简单的列表下拉、上拉刷新控件。列表使用的是FlatList。

控件的实现非常简单,代码一共100多行,方便各位根据自己的需求随意修改。如果有bug或建议,欢迎提issue。

运行Demo

第一步

npm install

第二步

react-native run-ios

使用

// code in render
<RefreshListView
    data={this.state.dataList}
    keyExtractor={this.keyExtractor}
    renderItem={this.renderCell}

    refreshState={this.state.refreshState}
    onHeaderRefresh={this.onHeaderRefresh}
    onFooterRefresh={this.onFooterRefresh}
/>

// 下拉刷新
this.setState({refreshState: RefreshState.HeaderRefreshing})

// 上拉翻页
this.setState({refreshState: RefreshState.FooterRefreshing})

// 加载成功
this.setState({refreshState: RefreshState.Idle})

// 加载失败
this.setState({refreshState: RefreshState.Failure})

// 加载全部数据
this.setState({refreshState: RefreshState.NoMoreData})

截图

1

2

3

常见问题

列表滑动过程中,可能会出现警告 Task orphaned for request <NSMutableURLRequest: [[SOME_HEX_CODE]]> { URL: [[IMG_URL]] }

具体错误见官方issue。 解决方案:使用图片缓存库react-native-cached-image

最后

如果喜欢,请顺手我一个star,非常感谢~ :)

Package Sidebar

Install

npm i refresh-list-view

Weekly Downloads

0

Version

1.0.1

License

MIT

Last publish

Collaborators

  • huanxsd