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 | - |