DEV Community

How to add FB SDK in react-native project

Aneeqa Khan on February 23, 2022

Hi fellow coders! Recently we needed to show our react native app ads on different platforms like Facebook or Instagram so for that you must have F...

Read full post

Frank Fu • Jun 22 '22

I also want to add that if you got the error. "use of undeclared identifier 'FBSDKApplicationDelegate" you might want to visit this github issue

github.com/facebookarchive/react-n...

Muhammad Umer • Aug 24 '22

You only just need to declare
this import..

import

above the...

ifdef FB_SONARKIT_ENABLED in AppDelegate.m file

Now you are able to archive easily..🤩🤩🤩

Neha Gupta • Jun 5

Hi great article, I am new with native so just wanted to understand can we directly add the dependencies in build.gradle file as you mentioned in your article?

Aneeqa Khan • Jun 6

Yes

MUHAMMAD QASIM QADRI • Jul 21 '22 • Edited

Hey @aneeqakhan, thanks for writing this beautiful article,
just wanted to ask there are some steps which include swift code, I am not seeing these steps in your article, can you please add those steps too, very confused in how to add these swift code lines in react native, you can check those steps in Getting started Guide.
Thanks

Aneeqa Khan • Jul 22 '22

Yes, just like mentioned in your screenshot that step 3 and 4 have swift code in official docs of FB SDK, so thats why fbsdk-next guide provided that code in Objective-C under the Note text.

Asaf M • Mar 7 '22 • Edited

I followed the instructions and was getting error:
No visible @interface for 'FBSDKApplicationDelegate' declares the selector 'initializeSDK'
I had react-native-fbsdk-next previously installed, so I had to delete its reference from package.json and package-lock.json and rerun:
npm install --save react-native-fbsdk-next
pod install
to get the latest versions, where initializeSDK is supported

Another caveat, I was sending custom events, so I couldn't see them on default events manager view, had to switch to "all events" to see them.

Sufian Ahmad • Jun 14 • Edited

Hello.
Did you face any UI problems in the SDK?
For instace, during the integration process, buttons like Next, Continue, and Cancel disappear.
This issue is in the latest version of SDK.
When I delete the FB app then I enter credentials in the webview and there the buttons won't hide but when it opens FB app to login, then this issue come.