Show Cases
Header animation
Run example
npm i
Basic Usage
- Install react-native-custom-list
$ npm install --save react-native-custom-list
- Then, use this:
;
You can see detail in the example
Props
parameter | type | required | description | default |
---|---|---|---|---|
data | array | yes | Data Source | |
renderItem | function | yes | as FlatList renderItem | true |
keyExtractor | function(content?: JSX.Element) => string |
no | as FlatList keyExtractor | () => {} |
extraData | function() => void |
no | as FlatList extraData | () => {} |
refreshState | boolean | yes | State indicate refresh | 80 |
setHeaderHeight | number | yes | HeaderRefresh height | 300 |
onTopReachedThreshold | number | no | Init index of images | 0 |
enableHeaderRefresh | boolean | no | Enable Header Refresh | '' |
headerRefresh | React.ReactElement | no | HeaderRefresh component | () => null |
onHeaderRefreshing | function() => void |
no | Function used to load data when refresh | () => {} |
onEndReached | function() => void |
no | as FlatList onEndReached | () => {} |
ListFooterComponent | function() => React.ReactElement<any> |
no | as FlatList ListFooterComponent | true |
onEndReachedThreshold | function(onCancel?: function) => void |
no | Onclick | (onCancel) => {onCancel()} |