Skip to content

Latest commit

 

History

History
63 lines (48 loc) · 1.29 KB

README.md

File metadata and controls

63 lines (48 loc) · 1.29 KB
Raw

@fidisys/header

Header component for react-native page view

Demo

Components

  • Header
  • HeaderLeft
  • HeaderBody
  • HeaderRight

Installation

npm i @fidisys/header --save

Usage

import { Header,HeaderBody, HeaderRight, HeaderLeft } from '@fidisys/header'

Examples

<Container
style={{
  alignItems: 'center'
  }}>
  <Header>
    <HeaderLeft>
      <IconButton buttonEvent={() => this.goBack()}>
        <Icon size={22} color="white" name="md-arrow-back" />
      </IconButton>
    </HeaderLeft>
    <HeaderBody>
        <Text style={{color: 'white' }}>Header Title</Text>
      </HeaderBody>
    <HeaderRight />
  </Header>
</Container>

Props

Prop Type Default Description
style React-Native StyleSheet Object null Custom styling for container view
statusbarColor string 'blue' color for status bar
barStyle string('dark-content' 'light-content') 'dark-content'

License

MIT