Card.Title

A component to show a title, subtitle and an avatar inside a Card.

Usage

import * as React from 'react';
import { Avatar, Card, IconButton } from 'react-native-paper';

const MyComponent = () => (
  <Card.Title
    title="Card Title"
    subtitle="Card Subtitle"
    left={(props) => <Avatar.Icon {...props} icon="folder" />}
    right={(props) => <IconButton {...props} icon="more-vert" onPress={() => {}} />}
  />
);

export default MyComponent;

Props

title (required) Type: React.Node

Text for the title. Note that this will only accept a string or <Text>-based node.

titleStyle Type: any

Style for the title.

subtitle Type: React.Node

Text for the subtitle. Note that this will only accept a string or <Text>-based node.

subtitleStyle Type: any

Style for the subtitle.

subtitleNumberOfLines Type: number

Default value: 1

The number of lines for the subtitle.

left Type: (props: { size: number }) => React.Node

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

leftStyle Type: ViewStyleProp

Style for the left element wrapper.

right Type: (props: { size: number }) => React.Node

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

rightStyle Type: ViewStyleProp

Style for the right element wrapper.

style Type: any

theme Type: Theme