Header

A header bar is a navigation header that is placed at the top of the page.

Usage

import React from 'react'
import styles from './styles'
import Header from '../index'
var view = function () {
    const {data} = this.state
    return (
        <Header
            {...data}
            titleStyle={[styles.white]}
            headerStyle={[styles.header]}
            leftContentStyle={[styles.white]}
            rightContentStyle={[styles.white]}
        />
    )
}
module.exports = view

 

Supported properties

Properties Descrition Type Default
data data to be shown in header object -
titleStyle to add custom styles to page title object -
headerStyle to add custom styles to header object -
leftContentStyle styling left side content of header object -
rightContentStyle styling right side content of header object -

Published On June 6, 2020 6:20 PM

Last Updated October 9, 2020 6:47 AM