List.Item

A component to show tiles inside a List.

Usage

import * as React from 'react';
import { List } from 'react-native-paper';

const MyComponent = () => (
  <List.Item
    title="First Item"
    description="Item description"
    left={props => <List.Icon {...props} icon="folder" />}
  />
);

export default MyComponent;

Props

title (required)
Type: React.Node

Title text for the list item.

description
Type: | React.Node | ((props: { ellipsizeMode: EllipsizeProp, color: string, fontSize: number, }) => React.Node)

Description text for the list item or callback which returns a React element to display the description.

left
Type: (props: { color: string }) => React.Node

Callback which returns a React element to display on the left side.

right
Type: (props: { color: string }) => React.Node

Callback which returns a React element to display on the right side.

onPress
Type: () => mixed

Function to execute on press.

theme
Type: Theme
style
Type: ViewStyleProp

Style that is passed to the wrapping TouchableRipple element.

titleStyle
Type: TextStyleProp

Style that is passed to Title element.

descriptionStyle
Type: TextStyleProp

Style that is passed to Description element.

titleEllipsizeMode
Type: EllipsizeProp

Ellipsize Mode for the Title

descriptionEllipsizeMode
Type: EllipsizeProp

Ellipsize Mode for the Description