Image Blur Shadows In React Native

A React Native library that adds a configurable blur shadow effect to images. Supports Android, iOS, and Web.

How to use it:

1. Install and import the component.

# NPM
$ npm i react-native-image-blur-shadow
import ImageBlurShadow from 'react-native-image-blur-shadow';

2. Add the <ImageBlurShadow /> component to the app, specify the path to the image, and customize the blur shadow effect with the following props.

<ImageBlurShadow
  style={styles.img}
  source={require('/path/to/image.jpg')}
  imageWidth={450}
  imageHeight={350}
  imageBorderRadius={10}
  shadowOffset={35}
  shadowBlurRadius={45}
  shadowBackgroundColor={'#000000'}
/>

Preview:

Image Blur Shadows In React Native

Download Details:

Author: virtualvivek

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/virtualvivek/react-native-image-blur-shadow

License: MIT

You Might Be Interested In:

Add Comment