1.0.3 • Published 6 years ago

react-native-multi-loader v1.0.3

Weekly downloads
4
License
MIT
Repository
github
Last release
6 years ago

React Native Multi Loader

React Native Component for Multiple animated loaders and loading texts

Character Grow Text Dots Loader Blink Grow Text

Default Loader Default Text Bar Loader Blink Text

NPM Repository

https://www.npmjs.com/package/react-native-multi-loader

Install

npm install react-native-multi-loader --save

Options

PropertyTypeDefaultAvailable optionsDescription
colorLoaderString'white'Any ColorColor of loading bars,spinner,dots
colorTextString'white'Any ColorColor of the loading text
modalAimationString'none''none', 'fade', 'slide'Animation Type for overlay
sizeLoaderString'Large''small', 'large' Size of the loading spinner,bar,dots
sizeTextNumber25Valid text sizeSize of the loading text
textLoaderString'LOADING'Any valid textLoading Text to be displayed
visibleBooleanfalsetrue, falseTo show/hide the overlay loader
loaderTypeString'default' '', 'default', 'bars', 'dots' Type of the spinner
textTypeString'default' '', 'default', 'blink', 'blinkGrow', 'characterGrow'Type of the loading text
backgroundColorString'#00000088' (Transparent)Any valid colorBackground color of the overlay

Usage

import Loader from 'react-native-multi-loader';

<Loader visible={true} loaderType="bars" textType="blinkGrow"/>

Recommend Usage

React Native Modal has some issues with Alert. We recommend to use alert after some time of closing the loader :-

this.setState({ loader: false });

setTimeout(() => {
  Alert.alert('Loader Closed');
}, 100);

License

MIT © Dharmendra Vaishnav