react-native-masonry-flat-list

Typescript. React Hooks. Flatlist based.

Getting started

``bash
$ npm install react-native-masonry-flat-list --save
`

or

`bash
$ yarn add react-native-masonry-flat-list
`

$3

- scrollToEnd
- scrollToIndex
- scrollToItem
- scrollToOffset
- clear

$3

- data: T[]
- numColumns: number
- renderItem: ListRenderItem
- keyExtractor: (item: T) => string
- heightExtractor?: (item: T) => number
- asyncHeightExtractor?: (item: T) => Promise
- onEndReached?: () => void
- onScroll?: (event: NativeSyntheticEvent) => void
- columnsFlatListProps?: Omit>, 'data' | 'renderItem'>
- columnFlatListProps?: Omit, 'data' | 'renderItem'>`

Usage Example

TODO

Credits

Heavily inspired by a few projects below.

https://github.com/hyochan/react-native-masonry-list

https://github.com/Luehang/react-native-masonry-list

https://github.com/ZakZheng/react-native-waterflow-list