react-native-spinkit
v1.5.1
A collection of animated loading indicators for React Native
0/weekUpdated 3 years agoUnpacked: 408.1 KB
Published by Maxime Mezrahi
npm install react-native-spinkitreact-native-spinkit
A collection of animated loading indicators
React native port of SpinKit.
👇 Give it a try or just some love ⭐
Preview
Getting started
npm install react-native-spinkit@latest --save
For RN < 0.40 support, use react-native-spinkit@0.1.5
##### Automatically link the libraryreact-native link
> For RN projects < 0.29 link the library automatically using RNPMrnpm link react-native-spinkit
##### Manual linking - IOS
Follow the wiki available here
##### Manual linking - Android
Follow the wiki available here
Example
Check index.ios.js in the Example folder.
Properties
| Prop | Default | Type | Description |
| :------------ |:---------------:| :---------------:| :-----|
| isVisible | true | boolean | Visibility of the spinner |
| color | #000000 | string | Color of the spinner |
| size | 37 | number | Size of the spinner |
| type | Plane | string | Style type of the spinner |
$3
- CircleFlip
- Bounce
- Wave
- WanderingCubes
- Pulse
- ChasingDots
- ThreeBounce
- Circle
- 9CubeGrid
- WordPress (IOS only)
- FadingCircle
- FadingCircleAlt
- Arc (IOS only)
- ArcAlt (IOS only)
Acknowledgements
IOS library: SpinKit-ObjC
Android library: Android-SpinKit
License
(c) 2016 Maxime Mezrahi, MIT license.