Installation

Add the dependency: 🤔

Zero Dependency 🥳

React Native

npm install react-native-animated-image-loader

yarn add react-native-animated-image-loader

Import

import AnimatedImgLoader from 'react-native-animated-image-loader';

Basic Usage

<AnimatedImgLoader imageUri={'url-to-your-image'} />

Configuration - Props

| Property | Type | Default | Description | |-----------------------|:----------:|:------------------------------------------------------------------:|------------------------------------------------------| | imageUri | string | undefined | Required: the url of the image you want to load | | loaderContainerStyles | ViewStyle | { borderRadius: 8,width: '90%', height: 250, overflow: 'hidden', } | set your own styles for the loader container wrapper | | skeletonStyles | ViewStyle | { alignItems: 'center', justifyContent: 'center' } | set your own styles for the skeleton component | | skeletonColor | string | "rgba(0,0,0,.2)" | set skeleton background color |

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library