React-native-material-backdrop-modal NPM

react-native-material-backdrop-modal

Material Design "Backdrop" component for Android and iOS.

Install:
- Using npm: npm install react-native-material-backdrop-modal --save
- Using Yarn: yarn add react-native-material-backdrop-modal

Import it in your JS:

import Backdrop from 'react-native-material-backdrop-modal';

A backdrop appears behind all other surfaces in an app, displaying contextual and actionable content.

Backdrop

See Google's Material Design guidelines for more info about Backdrops and when to use them.

Check out the example app:

git clone https://github.com/brunohkbx/react-native-material-backdrop-modal
cd react-native-material-backdrop-modal/example
yarn
yarn start

Example

prop	default	type	description
children		node	Content of `Backdrop`
focused	true	boolean	Specifies whether `Backdrop` should be focused
onFocus		Function	The Handler that's emitted every time the user conceals the back layer.
title		string	The Subheader title
icon		element	Icon to be used on the Subheader
preset	easeInEaseOut	object	Animation presets to pass into configureNext
titleStyle	{}	object	Style for the subheader title
backdropStyle	{}	object	Style for the backdrop