Skip to main content

GridList

An auto-generated grid list that calculate item size according to given props
(code example)

info

This component extends FlatList props.

Usage​

Live Editor
<GridList>
 data={items}
 maxItemWidth={140}
 numColumns={2}
 itemSpacing={Spacings.s3}
 listPadding={Spacings.s5}
/>
Result
Loading...

API​

containerWidth​

Pass when you want to use a custom container width for calculation number

contentContainerStyle​

Custom content container style ScrollView[contentContainerStyle]

itemSpacing​

Spacing between each item number

keepItemSize​

whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. boolean

listPadding​

List padding (used for item size calculation) number

maxItemWidth​

Allow a responsive item width to the maximum item width number

numColumns​

Number of items to show in a row (ignored when passing maxItemWidth) number