Skip to content

Latest commit

 

History

History
33 lines (30 loc) · 1.07 KB

File metadata and controls

33 lines (30 loc) · 1.07 KB

header-icon-headref

Header with Icon Buttons

Preview ios header-icon-headref Preview android header-icon-headref

Syntax

import React, { Component } from 'react';
import { Container, Header, Left, Body, Right, Button, Icon, Title } from 'native-base';
export default class HeaderIconExample extends Component {
  render() {
    return (
      <Container>
        <Header>
          <Left>
            <Button transparent>
              <Icon name='arrow-back' />
            </Button>
          </Left>
          <Body>
            <Title>Header</Title>
          </Body>
          <Right>
            <Button transparent>
              <Icon name='menu' />
            </Button>
          </Right>
        </Header>
      </Container>
    );
  }
}