react-native-orzhtml-list

FlatList with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps.

基于FlatList的上拉、下拉刷新组件。

Install

npm install react-native-orzhtml-list --save

or

yarn add react-native-orzhtml-list

Props

Prop | Description | Type | Required/Default ------ | ------ | ------ | ------ initialNumToRender|首屏加载数量|number|10 refreshable|是否可刷新|bool|true setRefreshing|刷新状态回调方法|func|null setRefresh|刷新方法|func|null setEndReached|加载更多方法|func|null isRefresh|下拉是否是刷新|bool|false renderItem|渲染项目|func|null refreshableTitle|可刷新的标题|string|null refreshableColors|可刷新的颜色|array| ['dimgray', 'tomato', 'limegreen'] refreshableProgressBackgroundColor|可刷新的进展背景颜色|string|#fff refreshableSize|可刷新的大小|string|null refreshableTintColor|可刷新的色调的颜色|string|lightgray customRefreshControl|自定义刷新控制|func| null pagination|是否显示分页|bool|true allLoadedText|加载完成文字|string|End of List spinnerColor|等待加载动画的颜色|string|undefined waitingSpinnerSize|等待加载动画的大小|string|small waitingSpinnerText|等待加载的文案|string|Loading... paginationBtnText|分页按钮文案|string|Load more... emptyViewText|空视图的文案|string|Sorry no data

handle ref

method | description ------ | ---------- firstAddData | 第一次数据加载 updateDataSource | 手动更新数据 refresh | 手动刷新 getRows | 获取已存的所有数据 scrollToEnd | 滚动到底部: 参考 FlatList scrollToEnd scrollToIndex | 将位于指定位置的元素滚动到可视区的指定位置: 参考 FlatList scrollToIndex scrollToItem | 这个方法会顺序遍历元素。尽可能使用 scrollToIndex 代替: 参考 FlatList scrollToItem scrollToOffset | 滚动列表到指定的偏移（以像素为单位），等同于 ScrollView 的 scrollTo 方法: 参考 FlatList scrollToOffset