Social Login
Social Login
Firebase Authentication supports social login providers like Google and Facebook, allowing users to sign in to your React Native application using their existing accounts.
Setting Up Google Sign-In
bash
npm install @react-native-google-signin/google-signin
Configuring Google Sign-In
javascript
import { GoogleSignin } from '@react-native-google-signin/google-signin';
GoogleSignin.configure({ webClientId: 'YOUR_WEB_CLIENT_ID' });
Signing In with Google and Firebase
javascript
import auth from '@react-native-firebase/auth';
async function signInWithGoogle() {
await GoogleSignin.hasPlayServices();
const { idToken } = await GoogleSignin.signIn();
const googleCredential = auth.GoogleAuthProvider.credential(idToken);
return auth().signInWithCredential(googleCredential);
}
Setting Up Facebook Login
bash
npm install react-native-fbsdk-next
Signing In with Facebook and Firebase
javascript
import { LoginManager, AccessToken } from 'react-native-fbsdk-next';
async function signInWithFacebook() {
await LoginManager.logInWithPermissions(['public_profile', 'email']);
const data = await AccessToken.getCurrentAccessToken();
const facebookCredential = auth.FacebookAuthProvider.credential(data.accessToken);
return auth().signInWithCredential(facebookCredential);
}
Apple Sign-In Requirement
If your app offers Google or Facebook login on iOS, Apple requires you to also offer Sign in with Apple as an equivalent option for App Store approval.
Conclusion
Integrating social login through Firebase Authentication significantly reduces sign-up friction, allowing users to quickly authenticate using accounts they already trust and use regularly.
