ListItem
PropTypes
| Prop |
Type |
Description |
| height |
number or string |
The list item height |
| onPress |
function |
Action for when pressing the item |
| onLongPress |
function |
Action for when long pressing the item |
| containerStyle |
object, number or array |
Additional styles for the top container |
| containerElement |
function |
The container element to wrap the ListItem |
ListItem.Part
Individual child parts of the ListItem
PropTypes
| Prop |
Type |
Description |
| left |
boolean |
This part content will be aligned to left |
| middle |
boolean |
This part content will be aligned to spreaded |
| right |
boolean |
This part content will be aligned to right |
| row |
boolean |
This part content direction will be row (default) |
| column |
boolean |
This part content direction will be column |
| containerStyle |
object, number, or array |
Container style |
Usage
import {ListItem, Avatar, Text} from 'react-native-ui-lib';
<ListItem onPress={() => {}} {...animationProps}>
<ListItem.Part left>
<Avatar label={initials} isOnline={true} containerStyle={{marginHorizontal: 18}} />
</ListItem.Part>
<ListItem.Part middle>
<Text text70>{row.name}</Text>
</ListItem.Part>
</ListItem>