docs/public/1.0/card.html
A card is a sheet of material that serves as an entry point to more detailed information.
import * as React from 'react';
import {
Button,
Card,
CardActions,
CardContent,
CardCover,
Title,
Paragraph
} from 'react-native-paper';
const MyComponent = () => (
<Card>
<CardContent>
<Title>Card title</Title>
<Paragraph>Card content</Paragraph>
</CardContent>
<CardCover source={{ uri: 'https://picsum.photos/700' }} />
<CardActions>
<Button>Cancel</Button>
<Button>Ok</Button>
</CardActions>
</Card>
);
elevation
Type: number
Default value: 2
Resting elevation of the card which controls the drop shadow.
onPress
Type: () => mixed
Function to execute on press.
children (required)
Type: React.Node
Content of the Card.
style
Type: any
theme
Type: Theme