React-native-multi-loader NPM

React Native Multi Loader

React Native Component for Multiple animated loaders and loading texts

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

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

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

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

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);

MIT © Dharmendra Vaishnav

6 years ago

6 years ago

6 years ago

6 years ago