Skip to content

Commit 1c1ab7a

Browse files
committed
2 parents 5292a91 + 9d5e029 commit 1c1ab7a

File tree

1 file changed

+16
-22
lines changed

1 file changed

+16
-22
lines changed

README.md

Lines changed: 16 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,9 @@
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"
@@ -40,8 +34,8 @@
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:
111105
Support it by joining [stargazers](https://github.com/virtualvivek/react-native-image-blur-shadow/stargazers) for this repository. :star:
112106

113107
# License

0 commit comments

Comments
 (0)