Skip to content

Commit

Permalink
Update README.md (#123)
Browse files Browse the repository at this point in the history
  • Loading branch information
@duguyihou
duguyihou authored Apr 25, 2024
1 parent 6612fb7 commit 77540d6
Showing 1 changed file with 10 additions and 11 deletions.
21 changes: 10 additions & 11 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
| grid | image processing |
|---|---|
| <img src="https://github.com/duguyihou/react-native-turbo-image/assets/9347790/2655214f-f63d-4102-8df2-d82afc1f5d19" width="300" height="600"/> | <img src="https://github.com/duguyihou/react-native-turbo-image/assets/9347790/6cfce7c3-8b75-4de9-b9ce-35b8e435d39d" width="300" height="600"/> |
<p align="center">
<video src="https://github.com/duguyihou/react-native-turbo-image/assets/9347790/6458b8b8-f9e9-4fef-84d2-84c9abeb4346" />
</p>

# react-native-turbo-image

Expand All @@ -27,9 +27,8 @@ import TurboImage from "react-native-turbo-image";
<TurboImage
url={url}
style={styles.box}
showActivityIndicator
cachePolicy="dataCache"
blurhash="LMDSzI~pV=RO9ZV@xv%MRPRlxuog"
blurhash="ULKKWp^+s,_300M{t7tR~XNHE2bI00xuWBRP"
/>
```

Expand All @@ -38,15 +37,15 @@ import TurboImage from "react-native-turbo-image";
| Prop | Type | Default | Description |
| ------------------------- | -------- | ------- | ---------------------------------------------------------------------------------------------------- |
| url | string | | The URL of the image |
| style | object | | The style of the image |
| resizeMode | string | contain | The resize mode of the image |
| showActivityIndicator | boolean | false | Whether to show the UIActivityIndicatorView indicator when loading |
| base64Placeholder | string | | The base64 encoded placeholder image to show while loading |
| showActivityIndicator (iOS only) | boolean | false | Whether to show the indicator when loading |
| fadeDuration | number | 0.5(iOS) / 0.1(Android) | The transition duration of the image |
| borderRadius | number | | The border radius added to the image |
| rounded | boolean | false | Round the image into a circle |
| blur | number | | The blur radius of the blur filter added to the image |
| monochrome | number/ColorValue || |
| blurhash | string | | The blurhash of the image to show while loading |
| cachePolicy | string | memory | The cache policy of the image |
| fadeDuration | number | 0.5 | The transition duration of the image |
| rounded | boolean | false | Round the image into a circle |
| tintColor | string | | tint color |
| onError | function | | The function to call when an error occurs. |
| onSucess | function | | The function to call when the image is successfully loaded |

Expand Down

0 comments on commit 77540d6

Please sign in to comment.