grid | image processing |
---|---|
Performant React Native image component. Powered by Nuke and Coil
- Image downloading and caching
- TypeScript Support
- written in Swift and Kotlin
npm install react-native-turbo-image
import TurboImage from "react-native-turbo-image";
// ...
<TurboImage
url={url}
style={styles.box}
showActivityIndicator
cachePolicy="dataCache"
blurhash="LMDSzI~pV=RO9ZV@xv%MRPRlxuog"
/>
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 | |
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 |
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT