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>
 );
 }
}