Navbar

This components extends Galio's NavBar component.

This has the same props as the NavBar component but the whole navigation and programming logic is written inside of it.

Usage

To include

import Navbar from '@components/Navbar'

<Navbar
  navigation={this.props.navigation}
  title="Title"
  hasSearch
  showSearch
  searchCallback
  seachPlaceholder
  back
  white
/>

Props

Prop	Type	Default	Description
back	bool	FALSE	Adds a back button for your navBar.
transparent	bool	FALSE	Sets the backgroundColor and borderColor to 'transparent'
title	node, string	null	Title of the NavBar
titleStyle	object	null	Sets the styling for the title
left	node	null	Left side of the NavBar
leftStyle	object	null	Sets the styling for the View wrapping the left side element.
leftIconColor	string	theme.COLORS.ICON	Sets the color of the left side's icon.
onLeftPress	function	() => {}	Function for the left side of the navbar
right	node	null	Right side of the NavBar
rightStyle	object	null	Sets the styling for the View wrapping the left side element.
optionLeft	string	Categories'
optionRight	string	Best Deals'
tabs	array	null	array of objects following the next template: {id: 'example', title: 'Example'}
tabIndex	number	null
white	bool	FALSE
search	bool	FALSE
showRightButton	bool	false
rightButton	string		Feather icon
rightAction	function