React Native Multi Loader
React Native Component for Multiple animated loaders and loading texts
NPM Repository
https://www.npmjs.com/package/react-native-multi-loader
Install
npm install react-native-multi-loader --save
Options
| Property | Type | Default | Available options | Description |
|---|---|---|---|---|
| colorLoader | String | 'white' | Any Color | Color of loading bars,spinner,dots |
| colorText | String | 'white' | Any Color | Color of the loading text |
| modalAimation | String | 'none' | ['none', 'fade', 'slide'] | Animation Type for overlay |
| sizeLoader | String | 'Large' | ['small', 'large' ] | Size of the loading spinner,bar,dots |
| sizeText | Number | 25 | Valid text size | Size of the loading text |
| textLoader | String | 'LOADING' | Any valid text | Loading Text to be displayed |
| visible | Boolean | false | [true, false] | To show/hide the overlay loader |
| loaderType | String | 'default' | [ '', 'default', 'bars', 'dots' ] | Type of the spinner |
| textType | String | 'default' | [ '', 'default', 'blink', 'blinkGrow', 'characterGrow'] | Type of the loading text |
| backgroundColor | String | '#00000088' (Transparent) | Any valid color | Background 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