Image Blur Shadows In React Native

Description:

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

Add Comment