Social Login in Flutter

Updated 28 April 2023


In today’s article, we are going to implement social login in flutter. We will only implement Google and Facebook login.

Our Flutter app development company also provides various Social Login compatibility with your app.

Step 1. First, create a flutter project by running the following command.

here, social_login is the name of the project

Create Firebase Project and Enable Authentication

Step 2 Create a project on firebase and enable both Google and Facebook login.

Please follow this to create a project on firebase create-firebase-project

Step 3. Once step 2 is completed add apps (android and ios). Please follow this.

Step 4. Enable google and Facebook login

Setup Facebook developer account and app

Note: To enable Facebook login you need to have a Facebook developer account. If not already have please create a Facebook developer account and then create a project. Please follow this to create an account.

Please follow this to create a Facebook app.

Step 5. Once the Facebook app is created now we need to add a platform.

Now as our firebase project is configured and also facebook developer is also ready. Now we can finally start to integrate social login.

Step 6. As we have already created a flutter project, it’s time to add the required dependencies to our project. Please add the following dependencies to our project.

You may add dependency by any of the following methods.

Step 7. Platform-specific changes for Facebook login

Please follow this for Android Configuration

Please follow this for IOS Configuration

Step 8. Create buttons to perform login

Step 9. Now we will write the logic to perform google and Facebook login


Hope this helps you to understand how to integrate social login in the flutter app.

Please head over here for more blogs on flutter.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home