5

Material Design "Backdrop" component for react native

 3 years ago
source link: https://reactnativeexample.com/material-design-backdrop-component-for-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

react-native-material-backdrop-modal

Material Design "Backdrop" component for Android and iOS.

Setup

  1. Install:

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

  2. Import it in your JS:

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

Usage

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

Props

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

GitHub

https://github.com/brunohkbx/react-native-material-backdrop-modal


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK