Contents

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

About

Installation

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