ListItem

Dev

UsageCode Example

<ListItem onPress={() => console.log('pressed')}>
 <Text grey10 text60 marginL-10>The item</Text>
</ListItem>

TIP

This component extends the TouchableOpacity props.

APIThis is the list of additional props for the component

containerElement

React.ComponentType<ListItemProps | TouchableOpacityProps>

The container element to wrap the ListItem

containerStyle

ViewStyle

Additional styles for the top container

height

ViewStyle['height']

the list item height

onLongPress

() => void

action for when long pressing the item

onPress

() => void

action for when pressing the item

style

ViewStyle

The inner element style

testID

string

The test id for e2e tests

underlayColor

string

The inner element pressed backgroundColor