react-native-spinkit: Invariant Violation: Native Component component for "RNSpinkit" does not exist

When i tried to use this module I get this Error “Invariant Violation: Native Component component for “RNSpinkit” does not exist”

Here is my code:

import React from 'react';
import { View,Text,TouchableOpacity} from 'react-native';
import styles,{colors} from './styles/style'
import Spinner  from 'react-native-spinkit'


export default class App extends React.Component {

  render() {
    return (
      <View style={styles.container}>
        <View>
          <Spinner isVisible={true} size={100} type='Wave' color='white'/>
        </View>
      </View>
    );
  }
}

About this issue

Original URL
State: open
Created 6 years ago
Reactions: 8
Comments: 25

Most upvoted comments

For iOS, from your project’s root directory:

cd ios/ pod install

+11

thorlando on Aug 27, 2018

In your project’s folder:

react-native link react-native-spinkit
cd android & gradlew clean
cd … and react-native run-ios/android Problem solved!

minhanhnguyen2196 on Apr 2, 2018

Doesn’t seems to work if using Expo.

rafaelcavalcante on Nov 6, 2019

doesn’t it working on Expo ???

samhoseinkhani on Dec 14, 2018

I try to link the package but i get this error: Package react-native-spinkit has been ignored because it contains invalid configuration. Reason: “commands” must be an array

Using: react-native 0.60.4

FortunaRegem on Jul 24, 2019

@johnanisere “react-antive link” is not finish, and you can jump to these links ios, or android，and I have found whole ios’s directory。 If this problem is still exists, you can @ me. 9a229631-dc7a-44d2-be6d-92d422645413 62a2a57c-8fb0-4519-a9b7-dbf1d14c8056

ramey502 on Feb 22, 2018

@rafaelcavalcante it won’t work with expo. It uses native modules.

We kinda solved this issue. But thanks for the reply, afrozopsy 😃

Hi, you solved it? It works with expo? thank you

flaviocnn on Apr 7, 2020

@johnanisere “react-antive link” is not finish, and you can jump to these links ios, or android，and I have found whole ios’s directory。 If this problem is still exists, you can @ me.

(issue in Android) Thank you. I checked my MainApplication.java file and don’t found import com.react.rnspinkit.RNSpinkitPackage; and new RNSpinkitPackage(). It works after I append it.

shuiRong on Feb 1, 2019

It wont work for expo project.

tharzeez on Feb 20, 2018