React 0.29 weird red square

[jr-k]

I followed the example and I got this : https://puu.sh/qaxut/98de9b9ccd.png

Do you have an idea of what is the cause ?

Thanks !

[SHRoberts91]

I get this too, but only when I try it with android. It works great on IOS

[jr-k]

Tried on IOS still got that square.

Another guy got this one too on android (below on comments of this post) : http://www.reactnative.com/a-collection-of-animated-loading-indicators-for-react-native/

[jmitch0901]

+1

[wkh237]

Because react native change Android application template in 0.29, rnpm link is broken in 0.29.0~0.29.1, see this issue.

You can fix this by link the Android library manually, or just upgrade your project

$ react-native upgrade

remember to rnpm link after upgrade.

[SHRoberts91]

I took those steps, but still having the same problem on android. :/

[nschurmann]

Same here!, weird red square.

[nschurmann]

The solution for android: in your MainActivity.java, cut the import for this plugin

import com.react.rnspinkit.RNSpinkitPackage;

and add it to your MainApplication.java, then in your getPackages() method, add a new package:

new RNSpinkitPackage()

should look like this:

@Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new FBSDKPackage(mCallbackManager),
          new RNSpinkitPackage()
      );
    }

[SHRoberts91]

That worked!! Thanks @nschurmann, you're a boss :)

[crod93]

hb for ios ?

[maxs15]

The RNPM script has been updated for Android, should be easier now for RN 0.29+ thanks to @wkh237 !

[DeveloperAlly]

same issue. Followed manual setup guide: https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---Android

Found that the linking hadn't worked properly in Android java files and fixed it accordingly

This solved the issue!1 💃 YAY

Great react-native component. Thanks =D

[SSRen]

I get it too in a new project, but it is normal in Example for React native 0.42.