@dmitriy_nikolenko/react-native-useful-screens

Contents

• About
• Installation
• Usage
• Examples
• Demo
• License
• Changelog

About

Installation

npm install git+https://[e-mail]/DmitriyNikolenko/react-native-useful-screens.git or yarn add git+https://[e-mail]/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>

Demo

Screen.headerTypes.FLOATING	Screen.headerTypes.IMAGED

License

MIT

Changelog

0.0.1 - created module. 0.0.2 - fixed imports in ImagedNavBar component, adding demo gifs, update docs