react-native-loading-effect
npm install react-native-loading-effect --save
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();
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.