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.ReactNode
| ((props: {
    selectable: boolean;
    ellipsizeMode: EllipsizeProp | undefined;
    color: string;
    fontSize: number;
  }) => React.ReactNode)

Title text for the list item.

description

Type:

React.ReactNode
| ((props: {
    selectable: boolean;
    ellipsizeMode: EllipsizeProp | undefined;
    color: string;
    fontSize: number;
  }) => React.ReactNode)

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

left

Type: (props: { color: string; style: Style }) => React.ReactNode

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

right

Type: (props: { color: string; style?: Style }) => React.ReactNode

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

onPress

Type: (e: GestureResponderEvent) => void

Function to execute on press.

theme

Type: ThemeProp