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.ReactNode
Text for the title. Note that this will only accept a string or <Text>
-based node.
subtitle
Type:
React.ReactNode
Text for the subtitle. Note that this will only accept a string or <Text>
-based node.
left
Type:
(props: { size: number }) => React.ReactNode
Callback which returns a React element to display on the left side.
right
Type:
(props: { size: number }) => React.ReactNode
Callback which returns a React element to display on the right side.
style
Type:
StyleProp<ViewStyle>
theme
Type:
Theme