Skip to content

🏖️ Display some placeholder stuff before rendering your text or media content in React Native

License

Notifications You must be signed in to change notification settings

Utility-NYC/react-native-skeleton-placeholder

 
 

Repository files navigation

This project is looking for motivated maintainers, see this issue for more information.


Image of the placeholder in action

Usage

Installation

yarn add @utility-nyc/react-native-skeleton-placeholder

In your code

import {
  Placeholder,
  PlaceholderMedia,
  PlaceholderLine,
  Fade
} from "@utility-nyc/react-native-skeleton-placeholder";

const App = () => (
  <Placeholder
    Animation={Fade}
  >
    <PlaceholderLine width={80} />
    <PlaceholderLine />
    <PlaceholderLine width={30} />
  </Placeholder>
);

The web app is available in this github pages: https://mfrachet.github.io/rn-placeholder.

V3 features

About

🏖️ Display some placeholder stuff before rendering your text or media content in React Native

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 53.7%
  • JavaScript 46.3%