mfrachet/rn-placeholder


dash dizzy sparkles Display some placeholder stuff before rendering your text or media content in React Native

https://mfrachet.github.io/rn-placeholder/

License: MIT

Language: TypeScript

Keywords: placeholder, react, react-native, ux


Build Status License: MIT

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


Image of the placeholder in action

Usage

Installation

$ yarn add rn-placeholder

In your code

import {
  Placeholder,
  PlaceholderMedia,
  PlaceholderLine,
  Fade
} from "rn-placeholder";

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

The v3 comes with an example app that provides different stories and example of the library:

Run the example apps

You can modify any call of yarn by npm install

To start the mobile app:

$ git clone https://github.com/mfrachet/rn-placeholder
$ cd rn-placeholder
$ yarn
$ cd ./example && yarn && yarn start

To start the web app:

$ git clone https://github.com/mfrachet/rn-placeholder
$ cd rn-placeholder
$ yarn
$ cd ./example-web && yarn && yarn start

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

V3 features

Project Statistics

Sourcerank 11
Repository Size 8.57 MB
Stars 1,168
Forks 104
Watchers 12
Open issues 1
Dependencies 2,346
Contributors 8
Tags 6
Created
Last updated
Last pushed

Top Contributors See all

Marvin Frachet Lukas Kurucz Ryan Jerue nono Luong Dang Hai Sarhan Aissi Jan Hesters Kadi Kraman

Packages Referencing this Repo

rn-placeholder
Display some placeholder stuff before rendering your text or media content in React Native
Latest release 3.0.0 - Updated - 1.17K stars
@ivalice/rn-placeholder
Display some placeholder stuff before rendering your text or media content in React Native
Latest release 2.0.0 - Published - 1.17K stars

Recent Tags See all

v2.0.0 April 27, 2019
v1.3.2 December 10, 2018
v1.3.0 October 10, 2018
v1.2.0 December 20, 2017
v1.1.0 October 19, 2017
v1.0.0 July 13, 2017

Interesting Forks See all

reganan/rn-placeholder
dash dizzy sparkles Display some placeholder stuff before rendering your text or media cont...
JavaScript - Updated - 1 stars

Something wrong with this page? Make a suggestion

Last synced: 2019-08-01 23:50:15 UTC

Login to resync this repository