Component_NavBar

Intro

props as below

interface NavBarProps {
	backDestination?: string;
	showMenu?: boolean;
	showBackButton?: boolean;
	leftButton?: 'qrCode'|'back';
	showSelector?: boolean;
	position?: 'map'|'list';
	onMap?: () => any;
	onList?: () => any;
}

usage example and preview

<SafeAreaView>
 <NavBar leftButton="back" />
 <NavBar leftButton="qrCode" />
 <NavBar
  showSelector={true}
  onList={() => { alert(' you clicked List!'); }}
  onMap={() => { alert('you clicked Map'); }}
  position="map"
 />
</SafeAreaView>

related file

component directory