smartHeader.md

Smart Header

IOS	Android

Syntax

import React, { Component } from 'react';
import { Container } from 'native-base';
import { Header } from 'native-base';
export default class HeaderExample extends Component {
    render() {
        return (
            <Container>
                <Header leftButton={} title="Smart Header" rightButton={} />
            </Container>
        );
    }
}

Configuration

Property	Default	Option	Description
leftButton	-	user-defined	Can take Text or Icon or any custom View which aligns to the left of Header
title	-	user-defined	Title Text of the Header aligned at the center
rightButton	-	user-defined	Can take Text or Icon or any custom View which aligns to the right of Header
leftButtonPress rightButtonPress	-	user-defined	functions on onPress of respective Button
leftButtonStyle titleStyle rightButtonStyle	-	user-defined	Styles for respective components