All in one Flutter Resource: https://flatteredwithflutter.com/firebase-facebook-sign-in-and-flutter/
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)..
Getting started (with firebase) is simple,
- Go to https://firebase.google.com/
- Click Get started
- Register your app
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
- Go to
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…
Do copy the circled url in Facebook login settings (developer console)
Coming to Flutter side now,
Import the following packages,
flutter_facebook_login and firebase_auth
All setup, now programming part…………
On click of Sign in with Facebook, the following function is called :
On click of Sign out,
Now what special I did was to display all the details which came from firebase (like a boss )……
For complete source code, visit
The Flutter Pub is a medium publication to bring you the latest and amazing resources such as articles, videos, codes, podcasts etc. about this great technology to teach you how to build beautiful apps with it. You can find us on Facebook, Twitter, and Medium or learn more about us here. We’d love to connect! And if you are a writer interested in writing for us, then you can do so through these guidelines.