React Native Skeleton Loader

This package provides a simple skeleton loader component for React Native apps, which can be used to indicate content loading.

Installation

To install the package, use npm or yarn:

npm install react-native-skeleton-loader-component
# or
yarn add react-native-skeleton-loader-component

import Skeleton from "react-native-skeleton-loader-component";

<Skeleton variant="text" height={25}></Skeleton> // Text variant with a height of 25
<Skeleton variant="rectangular" width={50}></Skeleton> // Rectangular variant with a width of 50
<Skeleton variant="circular"></Skeleton> // Circular variant
<Skeleton variant="rounded"></Skeleton> // Rounded variant
<Skeleton variant="rounded" animation={false}></Skeleton> // Rounded variant without animation

variant: Specifies the type of skeleton loader. Available options are "text", "rectangular", "circular", and "rounded".
height (for "text" variant): Height of the text skeleton loader.
width (for "rectangular" variant): Width of the rectangular skeleton loader.
animation: Specifies whether to show animation for the loader. Default is true.