Display some placeholder stuff before rendering your text or media content in React Native. Compatible with Expo and react-native-web.

Installation

$ yarn add rn-placeholder

In your code

Import different components or animations and combine them to create the placeholder that fits your need:

function App() {
  return (
    <Placeholder
      Animation={Fade}
      Left={PlaceholderMedia}
      Right={PlaceholderMedia}
    >
      <PlaceholderLine width={80} />
      <PlaceholderLine />
      <PlaceholderLine width={30} />
    </Placeholder>
    )
}