Enhance React Native's Image component with skeleton placeholders, providing a seamless loading experience and improved user engagement during image retrieval.
![Image Skeleton Placeholder Demo](https://github.com/heliocosta-dev/react-native-skeleton-image/raw/master/assets/example.gif?raw=true&raw=true)
This package has a dependency with react-native-skeleton-placeholder. Please follow their installation instructions.
Using yarn:
yarn add react-native-skeleton-image
Using npm:
npm install react-native-skeleton-image --save
import React from 'react';
import SkeletonImage from 'react-native-skeleton-image';
const App = () => {
const uri = 'https://placehold.co/300x200.png';
return (
<SkeletonImage style={{ width: 300, height: 200 }} source={{ uri }} />
);
};
export default App;
MIT