Back to React Native Paper

ListItem

docs/public/1.0/list-item.html

5.15.1840 B
Original Source

ListItem

ListItem can be used to show tiles inside a List.

Usage

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

const MyComponent = () => (
  <ListItem title="First Item" description="Item description" icon="folder" />
);

Props

title (required) Type: React.Node

Title text for the list item.

description Type: React.Node

Description text for the list item.

icon Type: IconSource

Icon to display for the ListItem.

avatar Type: React.Node

Component to display as avatar image.

onPress Type: () => mixed

Function to execute on press.

theme Type: Theme

style Type: any