maxs15 / react-native-spinkit

A collection of animated loading indicators for React Native
MIT License
2.36k stars 300 forks source link

Red Square instead of spinkit #59

Open AzrizHaziq opened 7 years ago

AzrizHaziq commented 7 years ago

Hello, i have problem with Spinkit in iOS. I do follow the installation part npm install react-native-spinkit@latest --save or npm install react-native-spinkit@0.1.5 --save and then react-native link but still red square will appear in the screen

here my package.json

"react": "16.0.0-alpha.6",
"react-native": "0.43.3",
"react-native-spinkit": "^0.1.5",
JackZhang1988 commented 7 years ago

I have same problem, any solution here?

ng-hai commented 7 years ago

Remember to close the current app and try to run-android or run-ios again.

ericwooley commented 7 years ago

Remember to close the current app and try to run-android or run-ios again.

This fixed the issue for me on 41. I would recommend closing the issue, unless that doesn't work for anyone.

Geforceyu commented 7 years ago

I have same problem, i close the current app and try to run-ios again,The problem is still

ericwooley commented 7 years ago

@Geforceyu Remember to run react-native link, uninstall the app, and reinstall.

Geforceyu commented 7 years ago

ye, i did that.but still,so i thank my RN version 0.46.0 is higher

joostslijkoort commented 6 years ago

This happens for me on one particular device: a Samsung s5. On all my other devices (multiple iPhones), a Moto G3, Oneplus one and Nexus X the spinners are shown.

None of the spinners work on the S5, but the size of the red square differs per spinner (and for some spinners no red square is shown).

phil-andrews commented 6 years ago

This is almost certainly a linking issue. I had the same issue on iOS but forgot to run react-native link. Same red square popped up on Android but running link wasn't working this time so I had to manually link the package, instructions.

joostslijkoort commented 6 years ago

This didn't do the trick for me, was already correctly linked.

ng-hai commented 6 years ago

yarn start —- --reset-cache  —  for when you installed something and it does not work/can’t be found.

waterstar commented 6 years ago

Had the problem with Android and it was due to following code is commented out (for unknown reason) in "MainApplication.java".

    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
                            new RNSpinkitPackage()
                            ....
                          );}
maitham commented 6 years ago

Still Experiencing this is there anyway of fixing this? I have tried everything!!!

zachdixon commented 6 years ago

Hi, I'm getting this on iphone 8 simulator. I'm using create-react-native-app and not ejected which I'm pretty sure I don't need to run react-native link (tried anyways with errors).

I tried deleting the expo app, restarting the sim, and restarting the server

I'm seeing this error: Native component for "RNSpinkit" does not exist

[Update] Found out that any packages using react-native link can't be used with Expo, not sure if others experiencing this are using CRNA/expo as well