react-native-material-shadows

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

Usage

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

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

Credits

• Android: harjot-oberai/MaterialShadows

Contribution

Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.

License

This library is provided under the MIT License.

RNMaterialShadows @ Pranav Raj Singh Chauhan

Other Contributions

• React Native - Spruce: react-native-spruce

• React Native - App Tour Library: react-native-taptargetview & react-native-material-showcase-ios

• React Native - Bottom Action Sheet: react-native-bottom-action-sheet

• React Native - Popover: react-native-popover-menu

• React Native - Tooltips: react-native-tooltips

• React Native - Shine Button: react-native-shine-button

• React Native Iconic: react-native-iconic

• React Native Download Button: react-native-download-button

• React Native Siri Wave View: react-native-siri-wave-view

• React Native Gradient Blur View: react-native-gradient-blur-view

• React Native About Libraries: react-native-about-libraries

• Visual Code Essential Plugins: vs-essential-plugins

• Prettier Pack: prettier-pack