'LikeView' has no propType 'RCTFBLikeView.onLayout' of native type 'boolean' if you haven't changed this

Question

LikeView has no propType for native prop RCTFBLikeView.onLayout of native type boolean If you haven't changed this prop yourself, this usually means that your versions of the native code and JavaScript code are out of sync. Updating both should make this error go away.

Not sure why I am getting this error. I'm not using LikeView at all in the android app. I've tried running npm start --reset-cache.

Also iOS version of the app runs no problem. This only occurs for android.

Any suggestions welcomed.

Thanks!

Answer 1

I figured out that the problem is (as RN points out) a mismatch between the native props and the JS ones on the props that every view uses. Namely:

• renderToHardwareTextureAndroid
• onLayout
• accessibilityLiveRegion
• accessibilityComponentType
• importantForAccessibility
• accessibilityLabel
• testID

Since I am not using any of the views that the package uses, namely:

• FBLikeView
• FBLoginButton
• FBSendButton
• FBShareButton

I tried to set this props as 'native only', so that they are not bound to the JavaScript side. In every component (in the example, FBShareButton.js), I replaced:

const RCTFBShareButton = requireNativeComponent(
    'RCTFBShareButton',
    ShareButton,
);

with

const RCTFBShareButton = requireNativeComponent(
  'RCTFBShareButton',
  ShareButton,
  {
    nativeOnly: {
      onChange: true,
      onLayout: true,
      testID: true,
      importantForAccessibility: true,
      accessibilityLiveRegion: true,
      accessibilityComponentType: true,
      accessibilityLabel: true,
      renderToHardwareTextureAndroid: true,
    }
  },
);

I am now going to check if the views are getting rendered properly and edit my post later, but if you just want to be able to compile your app in order to continue development (as it is my case at the moment), that should let you do so.

Edit

I successfully rendered the LoginButton component using the example in the README with my changes.

Edit 2

I made a pull request with my changes to the package. I don't like the solution, but it might raise FB's attention. In the meantime, you can just use my fork. In your package.json, just replace the fbsdk line with this:

"react-native-fbsdk": "git+https://github.com/motius/react-native-fbsdk.git#fix-views"

This other pull request might be a better solution, actually.

Answer 2

Similar to the solution suggested by @martinarroyo, I figured that it has to do with some components that are not synced between the native code and the js code. If you are not using these components, instead of adding the nativeOnly property in every js file you use it, I commented out the exports from the react-native-fbsdk index.js as follows:

//native components
// exports.LikeView = require('./FBLikeView');
// exports.LoginButton = require('./FBLoginButton');
// exports.SendButton = require('./FBSendButton');
// exports.ShareButton = require('./FBShareButton');

Obviously this is just a workaround but that should get you through that error