Header.md

Customize Header

Steps to customize theme for Header attributes:

Property	Description
toolbarHeight	Header height
toolbarDefaultBg	Header background color
toolbarTextColor	Title color in Header
iosToolbarBtnColor	Button color in Header
toolbarIconSize	Icon size in Header

Syntax

import React, { Component } from 'react-native';
import { Container, Header, Button, Title, Icon } from 'native-base';
import myTheme from './Themes/myTheme';
export default class ThemeHeaderExample extends Component {
    render() {
        return (
            <Container theme={myTheme}>
                <Header>
                    <Button transparent>
                        <Icon name='ios-arrow-back' />
                    </Button>

                    <Title>Header</Title>

                    <Button transparent>
                        <Icon name='ios-menu' />
                    </Button>
                </Header>
            </Container>
        );
    }
}