1.0.5 • Published 4 years ago

react-native-modern-header-thecodingbeats v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

Installation

Add the dependency:

npm i react-native-modern-header-thecodingbeats

Peer Dependencies

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 7.0.0",
"react-native-dynamic-vector-icons": ">= 1.0.0"

Usage

Import

import ModernHeader from "react-native-modern-header-thecodingbeats";

Fundamental Usage

<ModernHeader />

Configuration - Props

Modern Header Props

PropertyTypeDefaultDescription
heightstring OR number70change the height of the header
widthstring OR number"100%"change the width of the header
backgroundColorstring#fffchange the background color of the header
stylesstylesstylesuse this to change main style of the header
titlestringHeader Titleset the header's title
titleStylestylestyleset your own style for the header's title
leftnumber16use this to set left icon's align
rightnumber16use this to set right icon's align
leftIconNamestringios-arrow-backchange the left icon depends on the React Native Vector Icons
leftIconTypestringIoniconschange the left icon's type
leftIconSizenumber25change the left icon's size
leftIconColorcolor#bbbabechange the left icon's color
rightIconNamestringheartchange the right icon depends on the React Native Vector Icons
rightIconTypestringEntypochange the right icon's type
rightIconSizenumber25change the right icon's size
rightIconColorcolor#23c4c1change the right icon's color
leftIconComponentcomponentIconuse your own component instead of the integrated Icon component
rightIconComponentcomponentIconuse your own component instead of the integrated Icon component
leftIconOnPressfunctionfunctionset the function for left icon's onPress
rightIconOnPressfunctionfunctionset the function for right icon's onPress
leftDisablebooleanfalsedisable the left icon component
rightDisablebooleanfalsedisable the right icon component

Future Plans

  • LICENSE

Author

The Coding Beats, thecodingbeats@gmail.com

License

React Native Modern Header is available under the MIT license. See the LICENSE file for more info.