Tag Archive facebook

Firebase, facebook sign-in and Flutter

aseemwangoo One comment

Here to create…

Wandering through the journey in Flutter, and programming things not done before (at least in my knowledge 🙂), seeking for ideas until I stuck onto this post (Login into Facebook using Firebase)..

Sign in/out with Facebook…

Sign in/out with Facebook…

Let’s begin….

Getting started (with firebase) is simple,

NOTE : Please note that the name of your app should be same in the Firebase, your project’s manifest.xml and in the app-level build.gradle. 

Go through this article, if not understood.

  • A small advice, always fill the SHA certficate fingerprint, even though it says optional
Scratched for brevity…

Scratched for brevity…

  • Go to
Firebase Authentication

Firebase Authentication

Click authentication and enable the fb sign in…It would ask you for AppID and AppSecret. (for which you have to register your app first in facebook developer console).

Documentation is concise and clear in the fb dev console. Important things to note are the steps:

Step 4. Edit Your Resources and Manifest

Step 5. Associate Your Package Name and Default Class with Your App

Step 6. Provide the Development and Release Key Hashes for Your App

From Step 7 to 10, you may skip them…

Last step, 

OAuth Setup for Fb and Firebase…

OAuth Setup for Fb and Firebase…

Do copy the circled url in Facebook login settings (developer console)

Fb developer console…

Fb developer console…

Coming to Flutter side now,

Import the following packages,

flutter_facebook_login and firebase_auth

Flutter packages…

Flutter packages…

All setup, now programming part…………

On click of Sign in with Facebook, the following function is called :

Sign In part

Sign In part

On click of Sign out,

Sign out part…

Sign out part…

Now what special I did was to display all the details which came from firebase (like a boss )……

Output from firebase

Output from firebase

Video demonstration :

For complete source code, visit

https://github.com/AseemWangoo/flutter_programs/blob/master/FbSignIn.zip

P.S………………