ElixirMike
commented
5 years ago Just to close the loop on this...after several more efforts, I got this working. I'd be happy to write up the detailed instructions if anyone wants them, but here is the gist.
I went back and did a clean react-native init fbtest to have a clean slate and then followed the instructions from here: https://developers.facebook.com/docs/react-native/getting-started
Luckily, with a clean install, everything just worked, I had it up/running in 30 minutes. I then reviewed the app and compared it to mine. Here are the discrepancies that through me off and lead me down many rabbit holes.
- In the clean install, there was no pod file created. The ios_Setup.js file they have does the copying of the SDK files. However, in my real project, I had a pod file that I was using for other projects like Firebase, etc. When you run the the react-native link react-native-fbsdk, it adds a pod line into your pod file. This was the first flag, because it doesn't work with this in the file. If you google the issue, it sends you down the path of adding the library's to the pod file, trying different versions, etc. Bad move.
So, first step was to remove the reference in the pod file...it should have no references to any of the SDK files.
-
Next (ensure the facebook SDK's are downloaded into the ~/Documents/FacebookSDK folder. Extract the contents of the zip into the folder.
-
After this, I tried a build and got some random compile error. My project is much bigger than the default init project created. After digging into this for an hour or so, I found it had to do with hitting some file size open limit. I found this article that shows how to change your limits on a MAC http://blog.mact.me/2014/10/22/yosemite-upgrade-changes-open-file-limit
-
I tried to build again, and this time it built, but I was back to the error when clicking on the Login button of "null not valid " in referen to the loginManager . I had seen this error before.
-
Finally, to resolve this, I followed the instructions someone posted about add the the RCTFBSDK.xcodeproj to the project's libary and adding the lib.a file into "link bindings" .
After the above, and following the original instructions, It worked. Wasted a good day on that...but it seems to be the norm when doing react-native development with 3rd party libs
Happy to share more if anyone needs more details.
redcancode
rogerkerse
superandrew213
tuledev
joshyg
afestein
CodeGains
soleh23
wbw20
bernhardt1
ajkhatibi
I have spent the entire day trying to implement sign-in with Facebook on Android and IOS. After about 1 hour, I was able to work through all the issues on android, many of which are not documented in the installation guide, but got it working. I then started working on IOS.
7 hours later, I still can't get this to work. I, of course, have followed the provided installation instructions to no avail. After searching /reading /hacking, trying different SDK verions in the Pod files, I at least have it to a point where it builds and when I click on the "Login" button, it doesn't throw the "null LoginManager" error.
I am now stuck at the point where it just throws an error when I click to login of "Login failed". There are multiple threads on this issue, ranging from changing the pod SDK versions back to 4.38, or some say 4.40. Others say to remove the pod reference to "react-native-fbsdK" and include "FacebookSDK" . And there is things about enabling key-chain sharing, etc.
But after trying all of these...I still cannot get this simple Login button to work. Would it be possible to have a defined, reproducible guide, listing which specific versions of the SDK's, react-native-FBSDK and anything else required to actually get a working version? A detailed step-by-step that covers everything, including hacks required, etc.
If we can start at something that can be reproduced and working, it will make it much easier to troubleshoot our existing projects and hopefully find a solution. Thx.