Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maxs15/react-native-spinkit
A collection of animated loading indicators for React Native
https://github.com/maxs15/react-native-spinkit
Last synced: 1 day ago
JSON representation
A collection of animated loading indicators for React Native
- Host: GitHub
- URL: https://github.com/maxs15/react-native-spinkit
- Owner: maxs15
- License: mit
- Created: 2015-08-22T20:17:32.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2023-11-18T22:24:38.000Z (about 1 year ago)
- Last Synced: 2024-12-04T19:12:30.920Z (9 days ago)
- Language: Objective-C
- Size: 453 KB
- Stars: 2,360
- Watchers: 27
- Forks: 300
- Open Issues: 46
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
- awesome-ui-component-library - React Native Spinkit - native-spinkit.svg?label=&style=social)](https://github.com/maxs15/react-native-spinkit) - A collection of animated loading indicators for React Native (React Native / Special use case libraries)
- awesome-react-native-native-modules - react-native-spinkit ★1230
- awesome-reactnative-ui - react-native-spinkit
- awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
- awesome-reactnative-ui - react-native-spinkit
- awesome-react-native - react-native-spinkit
- awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
- ReactNativeMaterials - react-native-spinkit
- awesome-react-native-ui - react-native-spinkit ★657 - A collection of animated loading indicators for React Native (Components / UI)
- awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
README
# react-native-spinkit
[![npm](https://img.shields.io/npm/dm/react-native-spinkit.svg?maxAge=2592000)]()
[![npm](https://img.shields.io/npm/dt/react-native-spinkit.svg?maxAge=2592000)]()A collection of animated loading indicators
React native port of [SpinKit](http://tobiasahlin.com/spinkit/).## Use your beautiful spinner to sell in-app purchases 👇
## Preview
![](http://i.imgur.com/AwJsakU.gif)## 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](https://github.com/rnpm/rnpm)
`rnpm link react-native-spinkit`##### Manual linking - IOS
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---IOS)##### Manual linking - Android
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---Android)## Example
Check [index.ios.js](https://github.com/maxs15/react-native-spinkit/blob/master/Example/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](https://github.com/raymondjavaxx/SpinKit-ObjC)
Android library: [Android-SpinKit](https://github.com/ybq/Android-SpinKit)## License
(c) 2016 Max, [MIT license](/LICENSE).