Back to React Native Paper

List.Icon

docs/public/4.0/list-icon.html

5.15.1755 B
Original Source

List.Icon

A component to show an icon in a list item.

Usage

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

const MyComponent = () => (
  <>
    <List.Icon color={Colors.blue500} icon="folder" />
    <List.Icon color={Colors.blue500} icon="equal" />
    <List.Icon color={Colors.blue500} icon="calendar" />
  </>
);

export default MyComponent;

Props

icon (required) Type: IconSource

Icon to show.

color Type: string

Color for the icon.

style Type: StyleProp<ViewStyle>

Edit this page