rn-navbar
A NavBar component for react-native.
Install
npm i rn-navbar --save
Usage
var React = ;var NavBar = ; moduleexports = React;
Props
Name | Description | Default | Note |
---|---|---|---|
title | navbar title | title |
|
backFunc | back function | ||
backColor | back button color | #777 |
|
tintColor | color of the button of the navbar | #777 |
|
titleTextColor | title color of the navbar | #333 |
|
barTintColor | background color of the navbar | white |
|
actionName | right action text | ||
actionFunc | right action function | ||
actionTextColor | color of action text | #666 |
|
backHidden | hide the backIcon/backName | false |
|
backIcon | hide the backIcon to display backName | false |
|
backName | left button text | back |
|
backTextColor | color of back text | #666 |
|
statusbarPadding | add a padding for statusbar or not | true |
|
barBottomColor | add a color for the bottom border | #d4d4d4 |
|
barBottomThickness | add a thickness to the bottom border | 0.5 |
Example
Screenshot
- Default NavBar
- With Action button
License
The MIT License