Skip to content

Enhance React Native's Image component with skeleton placeholders, providing a seamless loading experience and improved user engagement during image retrieval.

License

Notifications You must be signed in to change notification settings

heliocosta-dev/react-native-skeleton-image

Repository files navigation

React Native Skeleton Image

Enhance React Native's Image component with skeleton placeholders, providing a seamless loading experience and improved user engagement during image retrieval.

Dependencies

react-native-skeleton-placeholder

This package has a dependency with react-native-skeleton-placeholder. Please follow their installation instructions.

Installation

Using yarn:

yarn add react-native-skeleton-image

Using npm:

npm install react-native-skeleton-image --save

Usage

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;

License

MIT