Provides the ability to specify number of rows to a horizontal React Native FlatList
npm install @idiosync/horizontal-flatlist[![NPM Version][npm-image]][npm-url]

Provides the ability to specify number of rows to a horizontal React Native FlatList
yarn:
``bash`
$ yarn add @idiosync/horizontal-flatlist
npm:
`bash`
$ npm i @idiosync/horizontal-flatlist
Usage
`js
import { HorizontalFlatList } from '@idiosync/horizontal-flatlist'
const SomeComponent = () => {
const data = [
'one',
'two',
'three',
'four',
'five',
'six'
]
const renderItem = ({item, row, col}) => {
}
const keyExtractor = (item, row, col) => item
return (
numRows={2}
keyExtractor={keyExtractor}
renderItem={renderItem}
/>
)
}
`
Props are inherited form FlatListProps, but with the following changes:
- renderItem - Overidden to include the column number
` ts`
({ item: ItemT, row: number, col: number}) => JSX.Element
- keyExtractor - Overidden to include the column number
` ts``
(item: ItemT, row: number, col: number) => string
- numRows - Number of items in each column
- columnStyle - ViewStyle for the column view
- horizontal - Removed
- numColumns - Removed
[npm-image]: https://img.shields.io/npm/v/@idiosync/horizontal-flatlist
[npm-url]: https://www.npmjs.com/package/@idiosync/horizontal-flatlist