💨 💫 Display some placeholder stuff before rendering your text or media content in React Native
Switch branches/tags
Clone or download
mfrachet fix(dependencies): update dependencies (#54)
* fix(lint): conf on cycle deps

* fix(example): remove example since snack is available

* fix(dependencies): yarn lock
Latest commit d26d2ca Aug 17, 2018

README.md

Build Status Coverage Status License: MIT

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

Fully compatible with Expo and react-native-web, see examples

New documentation available mfrachet.github.io/rn-placeholder



Content

Usage

Installation

$ npm install rn-placeholder --save

In your code

import Placeholder from 'rn-placeholder';

/*...*/
render() {
    return (
      <View>
        <Placeholder.ImageContent
          size={60}
          animate="fade"
          lineNumber={4}
          lineSpacing={5}
          lastLineWidth="30%"
          onReady={this.state.isReady}
        >
          <Text>Placeholder has finished :D</Text>
        </Placeholder.ImageContent>
      </View>
    );
  }
/*...*/

When the value of this.state.isReady changes to something existing, the <Text> component will be rendered