/ Material Design

A thin React Native Bridge around MaterialShadows library

A thin React Native Bridge around MaterialShadows library

React Native: Material Shadows - Android

This library is a thin React Native Bridge around harjot-oberai/MaterialShadows library. It seamlessly integrats with Material shadows. The library takes existing material shadows to next level by adding the following features :

  • Convex shadows: The shadows are not only rectangular or circular, they can take any convex shape depending on the view and its content.
  • Support for shadow offsets: The library allows developers to set X and Y offset for the shadows.
  • Support for shadow intensity: The library also has support for setting shadow intensity via shadowAlpha attribute.
  • Shadows for semi-transparent views : The library allows shadows for semi-transparent views.
  • Support for Async Shadow calculations : The library allows the operations to be async to avoid blocking the UI thread for long calculations.
  • Shadow animations : The library supports fade out animation for shadow.

Before we dive into on how to use this library. We would like to thank all the contributor of harjot-oberai/MaterialShadows for providing such a awesome nice, cool library

Note: It is available only on Andorid, since React Native supports Shadow for images on iOS platform

Getting started

$ npm install react-native-material-shadows --save

$ react-native link react-native-material-shadows


import RNMaterialShadows from 'react-native-material-shadows';

<RNMaterialShadows style={styles.imageContainer} padding={30} >
	<Image source={require("./assets/google.png")} elevation={5} style={styles.image} />