@dmitriy_nikolenko/react-native-useful-screens NPM

About

Installation

npm install git+https://git@github.com/DmitriyNikolenko/react-native-useful-screens.git or yarn add git+https://git@github.com/DmitriyNikolenko/react-native-useful-screens.git

Usage

Import

	import Screen from 'react-native-useful-screens'

Screen props

props	description	default	type
headerType	Type of header	Screen.headerTypes.NONE	oneOf(Screen.headerTypes.NONE, Screen.headerTypes.SINGLE, Screen.headerTypes.FLOATING, Screen.headerTypes.IMAGED)
title	Header title	undefined	string
color	Header color	undefined	string

Examples

	<Screen
		headerType={Screen.headerTypes.IMAGED}
		// NavBar props
		title="Screen title"
		color="orange"
		leftComponent={DrawerMenuButton}
		rightComponent={AppNavMenu}
		// ImagedNavBar props
		imageSrc={require('./images/header-bg')}
		expandedHeight={240}
		// Content props
		footerComponent={Footer}
	>
		<Text>Hello world!</Text>
	</Screen>