Skip to content

Iliker/react-native-loading-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

a simple loading effect, based on ActivityIndicatorIOS Component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published