feat:! upgrade latest ddependencies

Author: maitrungduc1410

.circleci/config.yml

@@ -1,27 +1,108 @@
-# react-native-loader-kit
+<h1 align="center">
+  <div>
+    React Native Loader Kit
+  </div>
+  <div>
+  <a href="https://www.npmjs.com/package/react-native-loader-kit" target="_blank">
+    <img src="https://img.shields.io/npm/dw/react-native-loader-kit" />
+  </a>
 
-✳️Purely native loader indicators for React Native✳️
+  <a href="https://www.npmjs.com/package/react-native-loader-kit" target="_blank">
+    <img src="https://img.shields.io/npm/v/react-native-loader-kit" />
+  </a>
 
-## Installation
+  <a href="https://github.com/maitrungduc1410/react-native-loader-kit" target="_blank">
+    <img src="https://img.shields.io/github/license/maitrungduc1410/react-native-loader-kit" />
+  </a>
 
-```sh
-npm install react-native-loader-kit
-```
+  <a href="https://github.com/maitrungduc1410/react-native-loader-kit" target="_blank">
+    <img src="https://img.shields.io/github/stars/maitrungduc1410/react-native-loader-kit?style=social" />
+  </a>
+  
+  </div>
+  <br>
+  <div align="center">
+    <img src="./images/demo_android.gif" style="margin-right: 30px;" />
+    <img src="./images/demo_ios.gif" />
+  </div>
+  <h2 align="center">
+    If you like this project, encourage me by giving a ⭐️. Happy hacking
+  </h2>
+</h1>
 
-## Usage
+# Table of Contents
+1. [Installation](#Installation)
+2. [Usage](#usage)
+3. [List animations](#list-animations)
+4. [Demo](#demo)
 
-```js
-import { LoaderKitView } from "react-native-loader-kit";
+# Installation
+With npm:
+`$ npm install react-native-loader-kit --save`
 
-// ...
+With yarn:
+`$ yarn add react-native-loader-kit`
 
-<LoaderKitView color="tomato" />
+## Extra setup step for iOS
+Run the following command to setup for iOS:
 ```
+cd ios && pod install
+```
+# Usage
+```js
+import LoaderKit from 'react-native-loader-kit'
 
-## Contributing
-
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
-
-## License
+<LoaderKit
+  style={{ width: 50, height: 50 }}
+  name={'BallPulse'} // Optional: see list of animations below
+  size={50} // Required on iOS
+  color={'red'} // Optional: color can be: 'red', 'green',... or '#ddd', '#ffffff',...
+/>
+```
+> Note: size is required for iOS and should equal to `width` and `height`
+# List animations
+As shown in the demo above, animations are as follows: 
+## Default animations (both Android and iOS)
+```json
+  '1': 'BallPulse',
+  '2': 'BallGridPulse',
+  '3': 'BallClipRotate',
+  '4': 'SquareSpin',
+  '5': 'BallClipRotatePulse',
+  '6': 'BallClipRotateMultiple',
+  '7': 'BallPulseRise',
+  '8': 'BallRotate',
+  '9': 'CubeTransition',
+  '10': 'BallZigZag',
+  '11': 'BallZigZagDeflect',
+  '12': 'BallTrianglePath',
+  '13': 'BallScale',
+  '14': 'LineScale',
+  '15': 'LineScaleParty',
+  '16': 'BallScaleMultiple',
+  '17': 'BallPulseSync',
+  '18': 'BallBeat',
+  '19': 'LineScalePulseOut',
+  '20': 'LineScalePulseOutRapid',
+  '21': 'BallScaleRipple',
+  '22': 'BallScaleRippleMultiple',
+  '23': 'BallSpinFadeLoader',
+  '24': 'LineSpinFadeLoader',
+  '25': 'TriangleSkewSpin',
+  '26': 'Pacman',
+  '27': 'BallGridBeat',
+  '28': 'SemiCircleSpin'
+```
+## iOS extra animations
+```json
+  '29': 'BallRotateChase',
+  '30': 'Orbit',
+  '31': 'AudioEqualizer',
+  '32': 'CircleStrokeSpin',
+  '33': 'BallDoubleBounce'
+```
+# Demo
+A fully working demo is located at [example folder](./example/App.js)
 
-MIT
+# Thanks
+Big thanks to [81813780](https://github.com/81813780/AVLoadingIndicatorView) and [ninjaprox](https://github.com/ninjaprox/NVActivityIndicatorView) for their great works

README.md

@@ -56,4 +56,5 @@ repositories {
 dependencies {
     //noinspection GradleDynamicVersion
     implementation "com.facebook.react:react-native:+"  // From node_modules
+    implementation 'com.wang.avi:library:2.1.3'
 }

android/build.gradle

@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.8-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists