expo-facebook provides Facebook integration, such as logging in through Facebook, for React Native apps. Expo exposes a minimal native API since you can access Facebook's Graph API directly through HTTP (using fetch, for example).
Add host.exp.Exponent as an iOS Bundle ID. Add rRW++LUjmZZ+58EbN5DVhGAnkX4= as an Android key hash. Your app's settings should end up including the following under "Settings > Basic":
iOS standalone app
Add your app's Bundle ID as a Bundle ID in the app settings page pictured above. If you still have the host.exp.Exponent ID listed there, remove it.
In your app.json, add a field facebookScheme with your Facebook login redirect URL scheme found here under 4. Configure Your info.plist. It should look like "fb123456".
Calling this method ensures that the SDK is initialized. You have to call this method before calling logInWithReadPermissionsAsync to ensure that Facebook support is initialized properly.
You may or may not provide an optional appId: string argument.
If you don't provide it, Facebook SDK will try to use appId from native app resources (which in standalone apps you would define in app.json, in Expo client are unavailable and in bare you configure yourself according to Facebook setup documentation for iOS and Android). If it fails to find one, the promise will be rejected.
If you provide an explicit appId, it will override any other source.
Sets whether Facebook SDK should autoinitialize itself. SDK initialization involves eg. fetching app settings from Facebook or a profile of the logged in user. In some cases, you may want to disable or delay the SDK initialization, such as to obtain user consent or fulfill legal obligations. This method corresponds to this and this native SDK methods. Even though calling this method with enabled == true initializes the Facebook SDK on iOS, it does not on Android and we recommend always calling initializeAsync before performing any actions with effects that should be visible to the user (like loginWithPermissions).
In Expo, by default, autoinitialization of the Facebook SDK is disabled. You may change this value in runtime by calling this method or customize this feature in buildtime by setting appropriate app.json fields. The setting value is persisted across runs (value set with this method overriddes value from buildtime).
Sets whether Facebook SDK should log app events. App events involve app eg. installs, app launches (more info here and here). In some cases, you may want to disable or delay the collection of automatically logged events, such as to obtain user consent or fulfill legal obligations. This method corresponds to this and this native SDK methods.
In Expo, by default, automatic logging app events is disabled. You may change this value in runtime by calling this method or customize this feature in buildtime by setting appropriate app.json fields. The setting value is persisted across runs (value set with this method overriddes value from buildtime).
Sets whether Facebook SDK should collect and attach advertiser-id to sent events. advertiser-id let you identify and target specific customers. To learn more visit Facebook documentation describing that topic. In some cases, you may want to disable or delay the collection of advertiser-id, such as to obtain user consent or fulfill legal obligations. This method corresponds to this and this native SDK methods.
In Expo, by default, collecting those IDs is disabled. You may change this value in runtime by calling this method or customize this feature in buildtime by setting appropriate app.json fields. The setting value is persisted across runs (value set with this method overriddes value from buildtime).
permissions (array) -- An array specifying the permissions to ask for from Facebook for this login. The permissions are strings as specified in the Facebook API documentation. The default permissions are ['public_profile', 'email'].
If the user or Facebook cancelled the login, returns { type: 'cancel' }.
Otherwise, returns { type: 'success', token, expires, permissions, declinedPermissions }. token is a string giving the access token to use with Facebook HTTP API requests. expires is the time at which this token will expire, as seconds since epoch. You can save the access token using, say, AsyncStorage, and use it till the expiration time. permissions is a list of all the approved permissions, whereas declinedPermissions is a list of the permissions that the user has rejected.
asyncfunctionlogIn(){try{awaitFacebook.initializeAsync('<APP_ID>');const{
type,
token,
expires,
permissions,
declinedPermissions,}=awaitFacebook.logInWithReadPermissionsAsync({
permissions:['public_profile'],});if(type ==='success'){// Get the user's name using Facebook's Graph APIconst response =awaitfetch(`https://graph.facebook.com/me?access_token=${token}`);Alert.alert('Logged in!',`Hi ${(await response.json()).name}!`);}else{// type === 'cancel'}}catch({ message }){alert(`Facebook Login Error: ${message}`);}}
Given a valid Facebook application ID in place of <APP_ID>, the code above will prompt the user to log into Facebook then display the user's name. This uses React Native's fetch to query Facebook's Graph API.