Configure Facebook for Android

[jpgarcia]

Summary

Configure react-native-fbsdk library to work on Android devices

Configure android project files

1. Open android/app/src/main/res/values/strings.xml and provide the Facebook application id:

   <string name="facebook_app_id">1788844961356591</string>

2. Open android/app/src/main/AndroidManifest.xml and add the following line inside the application node:

   <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>

3. Open android/app/src/main/java/com/platzimusic/MainApplication.java:

   • Add the following imports:

     import com.facebook.CallbackManager;
     import com.facebook.FacebookSdk;
     import com.facebook.reactnative.androidsdk.FBSDKPackage;
     import com.facebook.appevents.AppEventsLogger;

   • Add an instance variable of type CallbackManager and its getter:

     private static CallbackManager mCallbackManager = CallbackManager.Factory.create();
     
     protected static CallbackManager getCallbackManager() {
       return mCallbackManager;
     }

   • Register sdk package in method getPackages():

     return Arrays.<ReactPackage>asList(
       new MainReactPackage(),
       new FBSDKPackage(mCallbackManager)
     );

   • Override onCreate() method

     @Override
     public void onCreate() {
       super.onCreate();
       FacebookSdk.sdkInitialize(getApplicationContext());
       AppEventsLogger.activateApp(this);
     }

4. Open android/app/src/main/java/com/platzimusic/MainActivity.java:

   • Add the following import:

     import android.content.Intent;

   • Inside the MainActivity class:

     @Override
         public void onActivityResult(int requestCode, int resultCode, Intent data) {
         super.onActivityResult(requestCode, resultCode, data);
         MainApplication.getCallbackManager().onActivityResult(requestCode, resultCode, data);
     }