Skip to content

acronimax/react-native-animated-image-loader

Repository files navigation

animated image loader

npm version npm Platform - Android and iOS License: MIT format prettier lint-eslint

React Native Bouncy Checkbox React Native Bouncy Checkbox

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