text: import React, { Component } from 'react';
  import { Container, Header, Content, Footer, FooterTab, Button, Icon, Text, Badge } from 'native-base';
  import ProfilePage from '../ProfilePage/ProfilePage';
  import CartPageTest from '../CartPage/CartPageTest';
  export default class FooterTabsBadgeExample extends Component {
    render() {
      return (
        <Container>
          <Header />
          <Content />
          <Footer>
            <FooterTab>
              <Button badge vertical>
                <Badge><Text>2</Text></Badge>
                <Icon name="apps" />
                <Text>Apps</Text>
              </Button>
              <Button vertical>
                <Icon name="camera" />
                <Text>Camera</Text>
              </Button>
              <Button active badge vertical>
                <Badge ><Text>51</Text></Badge>
                <Icon active name="navigate" />
                <Text>Navigate</Text>
              </Button>
              <Button vertical>
                <Icon name="person" />
                <Text>Contact</Text>
              </Button>
            </FooterTab>
          </Footer>
        </Container>
      );
    }
  }