GridListItem

A single grid view/list item component
(code example)

Usage

<GridListItem key={index} title={'Title'} subtitle={'Subtitle'} description={'Description goes here'}/>

API

alignToStart

Should content be align to start
boolean

containerProps

Props to pass on to the touchable container
TouchableOpacityProps | ViewProps

containerStyle

Custom container style
ViewStyle

description

Description content text
string | React.ReactElement

descriptionColor

Description content color
string

descriptionLines

Description content number of lines
number

descriptionTypography

Description content typography
string

horizontalAlignment

Content horizontal alignment
HorizontalAlignment

imageProps

Image props object for rendering an image item
ImageProps

itemSize

The item size
number | ImageSize

onPress

The item's action handler
TouchableOpacityProps['onPress']

overlayText

Renders the title, subtitle and description inside the item
boolean

overlayTextContainerStyle

Custom container styling for inline text
ViewStyle

renderCustomItem

Custom GridListItem to be rendered in the GridView
() => React.ReactElement

renderOverlay

Renders an overlay on top of the image
() => React.ReactElement

subtitle

Subtitle content text
string | React.ReactElement

subtitleColor

Subtitle content color
string

subtitleLines

Subtitle content number of lines
number

subtitleTypography

Subtitle content typography
string

testID

Test ID for component
string

title

Title content text
string | React.ReactElement

titleColor

Title content color
string

titleLines

Title content number of lines
number

titleTypography

Title content typography
string