Need help with react-native-animated-spinkit?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

tienphaw
235 Stars 11 Forks MIT License 46 Commits 0 Opened issues

Description

A collection of loading indicators for React Native

Services available

!
?

Need anything else?

Contributors list

# 55,572
TypeScr...
CSS
Shell
React
36 commits

React Native Animated SpinKit

Stable Release license

A pure JavaScript port of SpinKit for React Native.

Why Another Port?

The previous port of SpinKit for React Native (react-native-spinkit) is a native module so it requires extra native dependencies and can't be used in Expo projects without ejecting.

This library is a pure JavaScript port of SpinKit implemented with the Animated API, which means you can use it in any React Native project and the spinners will look identical on Android and iOS.

Installation

yarn add react-native-animated-spinkit

or

npm install react-native-animated-spinkit

Usage

import { Plane } from 'react-native-animated-spinkit'

function App() { return ( ) }

Props

Inherits View Props

size

number
| defaults to
48

Width and height of the spinner.

color

string
| defaults to
#000

Color of the spinner.

animating

boolean
| defaults to
true

Whether to show the indicator or hide it.

hidesWhenStopped

boolean
| defaults to
true

Whether the indicator should hide when not animating.

Spinners

All the spinners from SpinKit have been ported.

Example

To run the example project, follow these steps:

  • Clone the repo
  • Run these commands
yarn
cd example
yarn && yarn start

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.