react-native-awesome-loading/readme.md

Beautiful loading indicators for React Native

[![npm](https://img.shields.io/npm/dt/react-native-awesome-loading.svg)](https://www.npmjs.com/package/react-native-awesome-loading)
![headLogo](https://user-images.githubusercontent.com/33218120/73749960-6afa0900-476d-11ea-817b-5dcad123e134.png)


React Native Awesome Loading
=======================================
Simple React Native library to have *awesome* loading indicators.

### Built-in Indicators:
<div>
<img src="https://user-images.githubusercontent.com/33218120/73750983-38e9a680-476f-11ea-994d-0192eff3d550.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750984-39823d00-476f-11ea-83d6-e7961920050d.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750985-39823d00-476f-11ea-82b4-dd9917b9e710.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750986-39823d00-476f-11ea-95d6-8074993e2285.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750987-39823d00-476f-11ea-9f3b-5164f0433005.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750988-3a1ad380-476f-11ea-9516-404e92c647bf.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750989-3a1ad380-476f-11ea-909e-7eca78bff797.gif" width="270" height="auto" />
<img src="https://user-images.githubusercontent.com/33218120/73750990-3a1ad380-476f-11ea-8880-478abad5fd57.gif" width="270" height="auto" />
 
 
 <img src="https://user-images.githubusercontent.com/33218120/73879679-fc50a480-486d-11ea-847a-947bcee22caf.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879689-feb2fe80-486d-11ea-9a85-f63bdf3df2a2.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879696-01adef00-486e-11ea-8f58-638818b32a63.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879699-02df1c00-486e-11ea-84a0-73bc04a57926.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879701-04104900-486e-11ea-9c65-daaabee20cdc.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879706-04a8df80-486e-11ea-83e4-8d7481378793.gif" width="270" height="auto" />
 
 
 <img src="https://user-images.githubusercontent.com/33218120/73879708-05da0c80-486e-11ea-9159-6673d6282c9c.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879710-0672a300-486e-11ea-9d54-218fb00b89d4.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879713-070b3980-486e-11ea-8b64-28a42ce17392.gif" width="270" height="auto" />
 
 <img src="https://user-images.githubusercontent.com/33218120/73879717-083c6680-486e-11ea-962e-ce45ff5e1862.gif" width="270" height="auto" />
 
  <img src="https://user-images.githubusercontent.com/33218120/73879722-08d4fd00-486e-11ea-8f7f-5a4500c20dc3.gif" width="270" height="auto" />
 
  <img src="https://user-images.githubusercontent.com/33218120/73879725-096d9380-486e-11ea-87a0-d039567eaddc.gif" width="270" height="auto" />
 
 
 
</div>

 

 

### Download & Installation

```shell 
$ npm i react-native-fast-image
$ npm i react-native-awesome-loading
$ cd ios
$ pod install
 
```
### Usage

```javascript
import AwesomeLoading from 'react-native-awesome-loading';

...

        <AwesomeLoading indicatorId={8} size={50} isActive={true} text="loading" />

```
### Props

| Prop  | Type | Default Value |
| ------------- | ------------- | ------------- |
| indicatorId  | number(1 - 20)  | 1  |
| isActive  | boolean (required) | false  |
| size  | number | 50  |
| text  | string | null  |
| textStyle  | TextStyle | null  |
| direction  | 'row','column' | 'column'  |
 
### Contributing

You can open an issue to warn me :)

### Authors or Acknowledgments

*   Umut Acerbastimur

### License

This project is licensed under the MIT License