@react-native-oh-tpl/react-native-spinkit
v1.5.1-0.0.2
Published
A collection of animated loading indicators for React Native
Downloads
64
Readme
react-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 [email protected]
Automatically link the library
react-native link
For RN projects < 0.29 link the library automatically using RNPM
rnpm 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 |
List of available types
- 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.