@arslan95/react-native-skeleton-loader

A customizable and lightweight skeleton loader component for React Native, built using the Animated API. Perfect for loading placeholders and improving user experience during content fetch.

📦 Installation

You can install the package via Yarn:

yarn add @arslan95/react-native-skeleton-loader

🚀 Usage

You can start using Skeleton loader in your project like this:

import React from 'react';
import { View, StyleSheet } from 'react-native';
import Skeleton from '@arslan95/react-native-skeleton-loader';

const MyComponent = () => {
  return (
    <View style={styles.container}>
      <Skeleton width={200} height={20} borderRadius={8} />
      <Skeleton width={'80%'} height={16} borderRadius={4} style={styles.skeleton} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    padding: 20,
  },
  skeleton: {
    marginTop: 10,
  }
});