1.0.0 • Published 4 years ago
react-native-gorgeous-header v1.0.0
Installation
Add the dependency:
npm i react-native-gorgeous-headerPeer Dependencies
Zero Dependency
Usage
Import
import GorgeousHeader from "react-native-gorgeous-header";Fundamental Usage
<GorgeousHeader
menuImageSource={menuImage}
searchImageSource={searchImage}
profileImageSource={{
uri:
"https://images.unsplash.com/photo-1514846226882-28b324ef7f28?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80",
}}
/>Configuration - Props
Gorgeous Header Props
| Property | Type | Default | Description |
|---|---|---|---|
| title | string | Order | change the title |
| subtitle | string | Healthy food can keep you fit. | change the subtitle |
| searchIcon | asset | default | set your own icon for the search one |
| style | style | default | set your own style for main container |
| contentContainerStyle | style | default | set your own style for content container style |
| titleTextStyle | style | default | set your own style for title text |
| subtitleTextStyle | style | default | set your own style for subtitle text |
| searchBarStyle | style | default | set your own style for search text input container |
| searchInputStyle | style | default | set your own style for search text input |
| menuImageStyle | style | default | set your own style for hamburger menu image |
| menuImageSource | asset | default | set your own image instead of default hamburger menu image |
| profileImageStyle | style | default | set your own style for profile image |
| profileImageSource | asset | undefined | use this to set your own image for profile image |
| onMenuImagePress | function | undefined | use this to set your own function for pressing the hamburger menu image |
| onProfileImagePress | function | undefined | use this to set your own function for pressing the profile image |
Future Plans
LICENSE
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Gorgeous Header is available under the MIT license. See the LICENSE file for more info.