react-native-loading-effect

1.0.5 • Public • Published

react-native-loading-effect

Demo

Install

npm install react-native-loading-effect --save

Usage

var LoadingEffect = require('react-native-loading-effect');

var YourComponent = React.createClass({
  mixins: [LoadingEffect.Mixin],

  ...
  render() {
    return (
      <View>
        ... 
        <LoadingEffect
          isVisible={this.state.isVisible}
        />  
      </View>
    );  
  }

Showing the LoadingEffect

  this.showLoadingEffect();

Dismissing the LoadingEffect

  this.dismissLoadingEffect();

Props

  • isVisible (Bool) - isRequired.
  • size (String) - size of the indicator. Small has a height of 20, large has a height of 36.
  • color (Number) - color of the indicator. Default gray.
  • overlayWidth (Number) - overlay width.
  • overlayHeight (Number) - overlay height.
  • overlayColor (String) - overlay color.
  • text (String) - text. Default Loading.
  • textColor (String) - text color.
  • textFontSize (Number) - text font size.

Package Sidebar

Install

npm i react-native-loading-effect

Weekly Downloads

5

Version

1.0.5

License

ISC

Last publish

Collaborators

  • iliker