Version: 3.0.7

Card

With NativeBase v3 we have removed Card components because as it's very simple to create various card layout using primitive components.

Code Comparison#

import React, { Component } from 'react';
import {
Container,
Header,
Content,
Card,
CardItem,
Text,
Body,
} from 'native-base';
export default class CardItemBordered extends Component {
render() {
return (
<Container>
<Header />
<Content padder>
<Card>
<CardItem header bordered>
<Text>NativeBase</Text>
</CardItem>
<CardItem bordered>
<Body>
<Text>
NativeBase is a free and open source framework that enable
developers to build high-quality mobile apps using React
Native iOS and Android apps with a fusion of ES6.
</Text>
</Body>
</CardItem>
<CardItem footer bordered>
<Text>GeekyAnts</Text>
</CardItem>
</Card>
</Content>
</Container>
);
}
}