Skip to content

maxs15/react-native-spinkit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0abe3d5 ยท Dec 15, 2024
Oct 4, 2020
Oct 4, 2020
Jun 13, 2017
Feb 11, 2017
Mar 8, 2020
Mar 8, 2020
Oct 26, 2023
Dec 15, 2024
Jul 24, 2020
Jul 24, 2020
Oct 26, 2023
Oct 18, 2023
Jul 24, 2019

Repository files navigation

react-native-spinkit

npm npm

A collection of animated loading indicators
React native port of SpinKit.

Use your beautiful spinner to sell in-app purchases ๐Ÿ‘‡

IAPHUB

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 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 Max, MIT license.