React Native Animated SpinKit

 

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

``sh
yarn add react-native-animated-spinkit
`

or

`sh
npm install react-native-animated-spinkit
`

Usage

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

function App() {
return (



)
}
`

Props

Inherits View Props

$3

> number | defaults to 48

Width and height of the spinner.

$3

> string | defaults to #000

Color of the spinner.

$3

> boolean | defaults to true

Whether to show the indicator or hide it.

$3

> 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

`sh
yarn
cd example
yarn && yarn start
``