React-native-header-custom-header NPM

react-native-header-custom-header

Custom Header Component

Installation

npm install react-native-header-custom-header

yarn add react-native-header-custom-header

Usage

import HeaderComponent from "react-native-header-custom-header";

render(){
     <HeaderComponent
       backButton
       middleText={'Home Screen'}
     />
}

New Features

Header 1.1 . Search 1.2. RightSide Button 1.3. LeftSide Button
CustomButton 2.1 . Custom styles 2.2 . button click
CustomInputBox 3.1. Cusomt styles 3.2 Native InputText props 3.3 CountryCode
Helper Functions
Scalable Functions
Custom Loader
Custom Fast Image

IMPORTANT! You need to install react-native-fast-image.

"react-native-fast-image": "*"

Header Configuration

Property	Type
backButton	boolean
rightIcon	boolean
showSearchBar	boolean
onBackButtonPress	function
leftIconPress	function
rightImage	Image source
onPressRightIcon	function
onChangeText	function
onPressSearchCross	function
middleText	string
searchValue	string
leftIcon	Image source
backButtonSource	Image source
mainStyle	style object
middleTextStyle	style object
rightImageStyle	style object
searchBarWrapStyle	style object
backButtonViewStyle	style object
firstViewCustomstyle	style object
middleViewCustomstyle	style object
lastViewCustomstyle	style object