{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/126","repository_url":"https://api.github.com/repos/facebook/react-native-fbsdk","labels_url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/126/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/126/comments","events_url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/126/events","html_url":"https://github.com/facebook/react-native-fbsdk/issues/126","id":149487322,"number":126,"title":" Native component for \"RCTFBLoginButton\" does not exist","user":{"login":"jerson","id":325780,"avatar_url":"https://avatars.githubusercontent.com/u/325780?v=3","gravatar_id":"","url":"https://api.github.com/users/jerson","html_url":"https://github.com/jerson","followers_url":"https://api.github.com/users/jerson/followers","following_url":"https://api.github.com/users/jerson/following{/other_user}","gists_url":"https://api.github.com/users/jerson/gists{/gist_id}","starred_url":"https://api.github.com/users/jerson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jerson/subscriptions","organizations_url":"https://api.github.com/users/jerson/orgs","repos_url":"https://api.github.com/users/jerson/repos","events_url":"https://api.github.com/users/jerson/events{/privacy}","received_events_url":"https://api.github.com/users/jerson/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2016-04-19T14:59:36Z","updated_at":"2016-04-21T09:30:44Z","closed_at":null,"body":"1) create project and install fbsdk\r\n```\r\nreact-native init fbprueba\r\nnpm install --save react-native-fbsdk\r\n```\r\n2) create pod file and add deps and install pods\r\n```\r\n\t# Uncomment this line to define a global platform for your project\r\n# platform :ios, '8.0'\r\n# Uncomment this line if you're using Swift\r\n# use_frameworks!\r\n\r\ntarget 'fbprueba' do\r\n  source 'https://github.com/CocoaPods/Specs.git'\r\n  pod 'React', :subspecs => ['Core', 'RCTImage', 'RCTNetwork', 'RCTText', 'RCTWebSocket'], :path => '../node_modules/react-native'\r\n  pod 'react-native-fbsdkcore', :path => '../node_modules/react-native-fbsdk/iOS/core'\r\n  pod 'react-native-fbsdklogin', :path => '../node_modules/react-native-fbsdk/iOS/login'\r\n#NO FB SDK SHARE\r\nend\r\n\r\ntarget 'fbpruebaTests' do\r\n\r\nend\r\n\r\n\r\n```\r\n```\r\npod install\r\n```\r\n\r\n3) config facebook params and add login button\r\n\r\n```js\r\n/**\r\n * Sample React Native App\r\n * https://github.com/facebook/react-native\r\n * @flow\r\n */\r\n\r\nimport React, {\r\n  AppRegistry,\r\n  Component,\r\n  StyleSheet,\r\n  Text,\r\n  View\r\n} from 'react-native';\r\n\r\nconst FBSDK = require('react-native-fbsdk');\r\nconst {\r\n  LoginButton,\r\n} = FBSDK;\r\n\r\nclass fbprueba extends Component {\r\n  render() {\r\n    return (\r\n      <View style={styles.container}>\r\n        <Text style={styles.welcome}>\r\n          Welcome to React Native!\r\n        </Text>\r\n        <Text style={styles.instructions}>\r\n          To get started, edit index.ios.js\r\n        </Text>\r\n        <Text style={styles.instructions}>\r\n          Press Cmd+R to reload,{'\\n'}\r\n          Cmd+D or shake for dev menu\r\n        </Text>\r\n         <LoginButton\r\n          publishPermissions={[\"publish_actions\"]}\r\n          onLoginFinished={\r\n            (error, result) => {\r\n              if (error) {\r\n                alert(\"login has error: \" + result.error);\r\n              } else if (result.isCancelled) {\r\n                alert(\"login is cancelled.\");\r\n              } else {\r\n                alert(\"login has finished with permissions: \" + result.grantedPermissions)\r\n              }\r\n            }\r\n          }\r\n          onLogoutFinished={() => alert(\"logout.\")}/>\r\n      </View>\r\n    );\r\n  }\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    backgroundColor: '#F5FCFF',\r\n  },\r\n  welcome: {\r\n    fontSize: 20,\r\n    textAlign: 'center',\r\n    margin: 10,\r\n  },\r\n  instructions: {\r\n    textAlign: 'center',\r\n    color: '#333333',\r\n    marginBottom: 5,\r\n  },\r\n});\r\n\r\nAppRegistry.registerComponent('fbprueba', () => fbprueba);\r\n\r\n```\r\n\r\n4) run ios\r\n```\r\nreact-native run-ios\r\n```\r\n\r\n5) no render Views and show errors\r\n```\r\nWarning: Native component for \"RCTFBLikeView\" does not exist\r\nWarning: Native component for \"RCTFBLoginButton\" does not exist\r\nWarning: Native component for \"RCTFBSendButton\" does not exist\r\nWarning: Native component for \"RCTFBShareButton\" does not exist\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/comments/212829618","html_url":"https://github.com/facebook/react-native-fbsdk/issues/126#issuecomment-212829618","issue_url":"https://api.github.com/repos/facebook/react-native-fbsdk/issues/126","id":212829618,"user":{"login":"pietropizzi","id":410305,"avatar_url":"https://avatars.githubusercontent.com/u/410305?v=3","gravatar_id":"","url":"https://api.github.com/users/pietropizzi","html_url":"https://github.com/pietropizzi","followers_url":"https://api.github.com/users/pietropizzi/followers","following_url":"https://api.github.com/users/pietropizzi/following{/other_user}","gists_url":"https://api.github.com/users/pietropizzi/gists{/gist_id}","starred_url":"https://api.github.com/users/pietropizzi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pietropizzi/subscriptions","organizations_url":"https://api.github.com/users/pietropizzi/orgs","repos_url":"https://api.github.com/users/pietropizzi/repos","events_url":"https://api.github.com/users/pietropizzi/events{/privacy}","received_events_url":"https://api.github.com/users/pietropizzi/received_events","type":"User","site_admin":false},"created_at":"2016-04-21T09:30:44Z","updated_at":"2016-04-21T09:30:44Z","body":"I think to get rid of this issue you need to also add the share pod in the podfile\r\n\r\n`pod 'react-native-fbsdkshare', :path => '../node_modules/react-native-fbsdk/iOS/share'`\r\n\r\nThat got rid of the warnings for me. I am not using share though. So it is a little weird."}}