|
10 | 10 | [](https://opensource.org/licenses/MIT) |
11 | 11 | [](https://github.com/prettier/prettier) |
12 | 12 |
|
13 | | -<p align="center"> |
14 | | - <img alt="React Native Progressive Fast Image" |
| 13 | +<table> |
| 14 | + <tr> |
| 15 | + <td> |
| 16 | + <b>Progressive Fast Image</b> |
| 17 | + </td> |
| 18 | + <td> |
| 19 | + <b>Built-in Loading Progressive Fast Image</b> |
| 20 | + </td> |
| 21 | + </tr> |
| 22 | + <tr> |
| 23 | + <td align="center"> |
| 24 | + <img alt="React Native Progressive Fast Image" |
15 | 25 | src="assets/Screenshots/React-Native-Progressive-Fast-Image.gif" /> |
16 | | -</p> |
| 26 | + </td> |
| 27 | + <td align="center"> |
| 28 | + <img alt="React Native Progressive Fast Image" |
| 29 | + src="assets/Screenshots/React-Native-Progressive-Fast-Image-Loading.gif" /> |
| 30 | + </td> |
| 31 | + </tr> |
| 32 | +</table> |
17 | 33 |
|
18 | 34 | # Installation |
19 | 35 |
|
@@ -52,15 +68,30 @@ It accepts every `Image` and `FastImage` props. You can use it like you used to. |
52 | 68 |
|
53 | 69 | # Configuration - Props |
54 | 70 |
|
55 | | -| Property | Type | Default | Description | |
56 | | -| --------------- | :---: | :-------: | ------------------------------------- | |
57 | | -| source | image | undefined | set the main source of the image | |
58 | | -| thumbnailSource | image | undefined | set the thumbnail source of the image | |
| 71 | +useNativeDriver?: boolean; |
| 72 | + |
| 73 | +| Property | Type | Default | Description | |
| 74 | +| --------------- | :-----------------: | :-------: | ------------------------------------- | |
| 75 | +| source | Source | undefined | set the main source of the image | |
| 76 | +| thumbnailSource | ImageSourcePropType | undefined | set the thumbnail source of the image | |
| 77 | +| loadingSource | ImageSourcePropType | undefined | set the error source of the image | |
| 78 | +| errorSource | ImageSourcePropType | undefined | set the loading source of the image | |
| 79 | + |
| 80 | +## Customization Props |
| 81 | + |
| 82 | +| Property | Type | Default | Description | |
| 83 | +| -------------------------- | :-----: | :-----: | ------------------------------------------- | |
| 84 | +| style | style | default | change or override main image style | |
| 85 | +| loadingImageStyle | style | default | change or override loading image style | |
| 86 | +| thumbnailAnimationDuration | number | default | change the thumbnail animation's duration | |
| 87 | +| imageAnimationDuration | number | default | change the main image animation's duration | |
| 88 | +| useNativeDriver | boolean | true | change the animations useNativeDriver value | |
59 | 89 |
|
60 | 90 | ## Future Plans |
61 | 91 |
|
62 | 92 | - [x] ~~LICENSE~~ |
63 | | -- [ ] Built-in Loading Indicator |
| 93 | +- [x] ~~Built-in Loading Indicator~~ |
| 94 | +- [x] ~~Built-in Error Image Source~~ |
64 | 95 | - [ ] Write an article about the lib on Medium |
65 | 96 |
|
66 | 97 | ## Better with built-in bug fix |
|
0 commit comments