11<h1 align =" center " >react-native-image-blur-shadow</h1 >
2- <p align =" center " >A React Native <b ><code >Image</code ></b > component with <b >Blur Drop Shadows</b >, <b >100% JavaScript</b >, <b >0 Dependency component</b >. Supports <b >Android, iOS</b > and <b >Web</b >.
2+ <p align =" center " >A React Native <b ><code >& lt ; Image/ & gt ; </code ></b > component with <b >Blur Drop Shadows</b >, <b >100% JavaScript</b >, <b >0 Dependency component</b >. < br /> Supports <b >Android, iOS</b > and <b >Web</b >.
33</p >
44
55
6- <p align =" center " >
7-
8- <a href =" https://github.com/virtualvivek/react-native-image-blur-shadow/blob/main/LICENSE " >
9- <img src="https://img.shields.io/badge/License-MIT-darklime.svg?style=flat-square&color=blue"
10- alt="License: MIT" />
11- </a >
12-
6+ <p align =" center " >
137
148<a href =" https://www.npmjs.com/package/react-native-image-blur-shadow " >
159 <img src="https://img.shields.io/badge/platform-Android | iOS | Web-green.svg?style=flat-square&color=8a1db3&logo=PyTorchLightning"
4034</p >
4135
4236<p align =" center " >
43- <img src="https://github.com/virtualvivek/react-native-image-blur-shadow/blob/main/app/markdown/md_preview_one.jpg " width="250" />
44- <img src="https://github.com/virtualvivek/react-native-image-blur-shadow/blob/main/app/markdown/md_preview_two.jpg " width="250" />
37+ <img src="https://github.com/virtualvivek/react-native-image-blur-shadow/blob/main/app/markdown/md_preview_one.png " width="250" />
38+ <img src="https://github.com/virtualvivek/react-native-image-blur-shadow/blob/main/app/markdown/md_preview_two.png " width="250" />
4539</p >
4640
4741# Demo
@@ -55,24 +49,24 @@ $ npm install react-native-image-blur-shadow
5549## Import
5650
5751``` jsx
58- import ImageBlurShadow from ' react-native-image-blur-shadow' ;
52+ import ImageBlurShadow from " react-native-image-blur-shadow" ;
5953```
6054
6155# Usage
6256
6357``` js
64- import ImageBlurShadow from ' react-native-image-blur-shadow'
58+ import ImageBlurShadow from " react-native-image-blur-shadow" ;
6559
6660< ImageBlurShadow
67- style= {styles .img }
68- source= {require (' ./src/assets/spiderman.jpg' )}
69- imageWidth= {220 }
70- imageHeight= {220 }
71- imageBorderRadius= {22 }
72- shadowOffset= {38 }
73- shadowBlurRadius= {48 }
74- shadowBackgroundColor= {' #ffffff' }
75- / >
61+ style= {styles .img }
62+ source= {require (' ./src/assets/spiderman.jpg' )}
63+ imageWidth= {220 }
64+ imageHeight= {220 }
65+ imageBorderRadius= {22 }
66+ shadowOffset= {38 }
67+ shadowBlurRadius= {48 }
68+ shadowBackgroundColor= {' #ffffff' }
69+ / >
7670```
7771
7872# Props
@@ -107,7 +101,7 @@ import ImageBlurShadow from 'react-native-image-blur-shadow'
107101| imageBorderBottomRightRadius| number | 0 | set image bottom right border radius |
108102
109103
110- # Find this library useful? :heart :
104+ # Find this component useful? :heart :
111105Support it by joining [ stargazers] ( https://github.com/virtualvivek/react-native-image-blur-shadow/stargazers ) for this repository. :star :
112106
113107# License
0 commit comments