Flutter Facebook login with Example | Step By Step Guide | Flutter Tutorial

Do you want to integrate facebook login for your flutter apps ? we create a step by step tutorial for implementing facebook authentication using flutter with example.

What you'll learn?
- Facebook Login Implementation
- Working with flutter_facebook_login & http
- Access user's information using Graph API
- Logout function

If you're facing any issue or want me to do new topics?, feel free to comment below.

Useful Links:

Follow:

[JkeyKong]

actually it worked.
- when you not install facebook app in your mobile.

BUT, there have a problem:
- if you installed facebook app in your mobile, then try to facebook login with popup (CONTINUE as YOURNAME), come out, when I press button, it does not work.

[philla]

Great video, thank you! I got a question regarding the Key Hashes. Do I have to type the same password in Step 4 on Facebook Developer as the keystore password which I used to connect my app with the google play store? Or can I generally just type in android as the password? Why do you have several key hashes in the video?

[joejohn]

i just started the video and im just learning flutter but theres a doupt why r u giving stateless function in stateful function can u pls explain me about stateless and stateful function thnks in advance

[palakpandey]

How do i get the user id after Facebook authentication is complete from firebase to store other details of the current user. Please help

[SisirKumarPathy]

If you are trying this in 2021 now, the Facebook setup page UI has changed. the settings are not in the same place as shown in this vide. However the information shown is still relevant.

[niroopnife]

A good video but I'm getting an exception as Flutter SDK not found. Define location with flutter.sdk in the local.properties file, upon checking other projects also I do am getting the same issue, is it like we need to change the package name? Cause i do have the flutter sdk location and everything but when i opened the AndroidGradle file it started popping the error and the app is crashing

[juanjosemejiatasayco]

Great video! Thanks a lot. This helped me a lot for my current project.

[snehalpowar]

it's really good video. I want to access last activity of user when clicked login button how can I do?

[SoumilShah]

will that work for ios sim as well > ??

[ramyasaminathan]

Thanks for the great video!! So the app is in development mode. I am able to login using admin and test users registered in fb developer console, but i cannot login through other fb ids, as i am getting the error "App Not Setup. This app is still in development mode, and you don't have access to it. Switch to a registered test user or ask an app admin for permission". Do you have any inputs ?

[nupohamebapigg]

What if I want the logout button to be in the other screen?

[anniekhan]

codesundar Sir,
Thank you so much, I learnt alot from you. Your tutorial actually helped me.
But Sir After I login I still remain on the same screen
I mean the logout button and the image don't show up

[bibashkatel]

Are you aswin sundar from technology jock?

[claudedaiga]

Thanks for the nice tutorial, but I still think this is only part one of the authentication. Part 2 should be how is the token, stored and used to make request from a web api.

[bibekacharya]

after i login i still remain on the same screen . the logout button and the image don't show up

[TheNotepadGuy]

hi sir how to set it to login by default once. because it ask again to login when app is closed.

[philomath]

Hello I have an error in here final result = await it says logInWithReadPermissions is not defined by the class. how can i fix it ? thanks

[emirfahimi]

How can i stored the image url into shared preferences so i can easily access the image in other classes

[teamrits]

please use white background theme. Code is not properly visible due to black background

[ahmedgames]

when i add the line in cmd i find this

'keytool' is not recognized as an internal or external command,
operable program or batch file.