React-native-modern-header NPM

Installation

Add the dependency:

npm i react-native-modern-header

Zero Dependency

Version 1.0.0 is re-written from stratch, if you want to use lower than 1.0.0, please check the lower version commits to reach the documentation.

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

<ModernHeader title="Header" />

Property	Type	Default	Description
title	string	undefined	set the title of the header
style	ViewStyle	default	change/override the main style
leftComponentDisable	boolean	false	set to `true` for disabling the `left component`
rightComponentDisable	boolean	false	set to `true` for disabling the `right component`
onLeftPress	function	undefined	use this to set your own logic when the left component is pressed
onRightPress	function	undefined	use this to set your own logic when the right component is pressed
leftComponentStyle	ViewStyle	default	change/override the left component's main style
rightComponentStyle	ViewStyle	default	change/override the right component's main style
TextComponent	any	Text	set your own custom Text component instead of `React Native Text`
titleTextStyle	TextStyle	default	change/override the title's text style
TouchableComponent	any	TouchableOpacity	set your own custom Touchable component instead of `React Native TouchableOpacity`
leftImageSource	source	default	change the left icon image
rightImageSource	source	default	change the right icon image
leftCustomComponent	any	default	set your own custom component instead of default left image component
rightCustomComponent	any	default	set your own custom component instead of default right image component

FreakyCoder, kurayogun@gmail.com

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

4 years ago

4 years ago

4 years ago

5 years ago