Flutter Login Screen with Firebase Auth and Facebook Login

Overview

Flutter Login Screen with Firebase Auth and Facebook Login

Jumpstart your Flutter app development with this pre-built Flutter starter kit. Don't reinvent the wheel by writing the boring boilerplate starter code. Jump straight into the action and focus strictly on your core app features, if you want a detailed guide on how you can connect your Flutter app to firebase, feel free to checkout our detailed guide: https://www.instaflutter.com/docs/documentation/firebase-integration/.

Instaflutter Onboarding

The most complete starter kit project for Flutter.

flutter login screen firebase flutter auth screen firebase

Features

Instaflutter Onboarding is a fully functional app that provides Flutter developers with a coded template for their mobile app projects. It has a great number of popular features:

  • Firebase Auth integration
  • Login with Facebook
  • Login with e-mail & password
  • Persistent Login Credentials
  • Visual Error Handling
  • Firebase Firestore integration
  • Logout Functionality
  • Profile Photo Upload
  • Firebase Storage integration

Fully Functional Screens

  • Walkthrough flow
  • Welcome Screen
  • Login Screen
  • Sign up Screen
  • Home Screen
  • Navigation Drawer

Other advantages

  • Beautiful UI
  • Optimized for both iOS and Android
  • Modularized Code
  • Loading States
  • Error Handling

Coded with ❤️ by Instaflutter.

Comments
  • This app is using a deprecated version of the Android embedding.

    This app is using a deprecated version of the Android embedding.

    "To avoid unexpected runtime failures, or future build failures, try to migrate this app to the V2 embedding." Will you be able to fix this?

    opened by ezspot 3
  • Can't login, page keeps loading

    Can't login, page keeps loading

    Sign up works fine but when I try to log in the page just keeps loading and shows the message 'Logging in, please wait...' and never redirects to home page

    opened by andy34h 3
  • login with facebook error

    login with facebook error

    when I tap on login with facebook, facebook dialog comes and suddenly dismiss and give error couldn't login with facebook. Can you please let me know the error behind this? I am getting the same in my project also.

    opened by Nishtha-Iwebservices 2
  • Absolute Paths Used in import

    Absolute Paths Used in import

    Hello,

    After a quick look at your project, I was getting build errors. I noticed that after replacing these lines with a relative import in the style the errors were corrected.

    https://github.com/instaflutter/flutter-login-screen-firebase-auth-facebook-login/blob/3af1a2e9860fb4373584f09e2c6ab3e5d19e59e8/lib/main.dart#L11

    Thank you, W

    opened by wsciaroni 2
  • Query Related to Purple Splash Screen

    Query Related to Purple Splash Screen

    Fantastic source code this is. Currently experiencing issues in identifying and actually removing the purple splash screen and the rocket logo, can someone assist helping by pointing which .dart file is it in actually because I seem not to find be finding ?

    opened by MasiMasinga 2
  • > No matching client found for package name 'io.instamobile.flutter.login.android'

    > No matching client found for package name 'io.instamobile.flutter.login.android'

    When i run your project with android studio i got this error

    > No matching client found for package name 'io.instamobile.flutter.login.android'

    how to solve the issue?

    opened by Ethereumx 1
  • Problem to open project using Android Studio

    Problem to open project using Android Studio

    Hello,

    I'm trying to open the project using android studio 4.1.2 on windows. When I do, the project manager view, just says "Waiting for buil to finish" .

    I just have the following on my event log:

    24/02/2021 15:45 * daemon not running; starting now at tcp:5037

    15:45 * daemon started successfully

    Do I need any extra step to make ir work?

    opened by tadeumaia 1
  • KO

    KO

    Hi, in this code there are some absolute reference to files for example in AuthScreen.dart you have: import 'file:///D:/FlutterFreebies2/FlutterLogin/lib/services/helper.dart';

    you have to change to: import '../../services/helper.dart';

    opened by blondie63 1
  • Characters misspelled

    Characters misspelled

    https://github.com/instaflutter/flutter-login-screen-firebase-auth-facebook-login/blob/3af1a2e9860fb4373584f09e2c6ab3e5d19e59e8/lib/services/helper.dart#L32

    opened by wsciaroni 1
  • Create a User without a profile picture

    Create a User without a profile picture

    Background

    It appears that when you create a user and don't provide a profile picture an exception is thrown.

    Steps to Recreate:

    • Create an account WITHOUT a profile picture
    • You will see the exception thrown in the debug terminal

    The account will still have created successfully, but you will still receive the exception every time you launch the app afterwards (as the app is trying to pull an image from the url "" every time the app is launched)

    Expected behavior

    If a profile picture is not provided, the default image for a profile picture should be used.

    opened by wsciaroni 1
  • Create A User with Existing Email - Crashes

    Create A User with Existing Email - Crashes

    Background

    I receive an exception when I attempt to create a user with an email that already exists in your database. I believe this just needs to be handled visually as well.

    Steps to recreate:

    opened by wsciaroni 1
Facebook based-app - A Facebook based app which actually looks like Facebook

Facebook based mobile application This project is a mobile application which act

Munem Sarker 3 Nov 23, 2022
Flutter + Firebase Auth Demo App that uses Google, Facebook, Email/Password Signup/Login, Email Verification and more!

Flutter Firebase Auth Demo Flutter + Firebase Auth Demo App that uses Google, Facebook, Email/Password Signup/Login, Email Verification and more! Feat

Rivaan Ranawat 55 Jan 7, 2023
Authentication API client with Flutter (Login, Register, Google Login, Facebook Login, Apple Login)

Flutter Auth App (Login, Register, Google Login, Facebook Login, Apple Login) To use this client, get the server up and running. Try it out now! App S

Denzel Giraldo 50 Jan 4, 2023
Flutter plugin for Firebase Auth UI. Supports popular auth providers by using native SDK for Android and iOS.

firebase_auth_ui Flutter plugin of Firebase UI which allows to add login/sign-up quickly. NOTE: This plugin is under development. Please provide Feedb

Sandip Fichadiya 50 Mar 23, 2022
User auth form - Signup and signin user auth form with ability to stay signed in and have an option to signout.

user_auth_form SIgnup and signin user authentification form Getting Started This project is a starting point for a Flutter application. A few resource

null 0 Jan 6, 2022
A flutter plugin to get facebook deep links and log app events using the latest Facebook SDK to include support for iOS 14

Facebook Sdk For Flutter LinkedIn GitHub facebook_sdk_flutter allows you to fetch deep links, deferred deep links and log facebook app events. This wa

Saad Farhan 23 Dec 17, 2022
Facebook-redesign - An app developed that show a Facebook inspired UI design

Superbe Lecteur de Musique fait avec Flutter ! Captures d'Écran Construire depui

Youssef Marzouk 4 Jul 7, 2022
Doctor Consultation App in Flutter containing splash screen on boarding screen Routing state management Dash board Bottom navigation Decorated Drawer and Doctors Screen in the last.

Online doctor Consultation App UI in Flutter Doctor Consultation App UI in Flutter Visit Website Features State Management Navigation Bar Responsive D

Habib ullah 14 Jan 1, 2023
Android test task master - Create PIN code screen, authentication by PIN code screen and menu screen

Here is described test tasks for a android dev. Need to implement three screens:

null 3 Oct 4, 2022
Flutter firebase auth - Simple implementation of Firebase Authentication using Flutter

FlutterFire Authentication Sample A simple implementation of Firebase Authentica

Souvik Biswas 4 Apr 2, 2022
Tinder login page - Implementation of the Tinder app login screen with flutter

Tinder (login page) Implementação da tela de login do app Tinder a partir da lei

Eduardo Farias 0 Feb 5, 2022
Petrus Nguyễn Thái Học 193 Dec 29, 2022
A flutter plugin to add login with facebook in your flutter app

Features Login on iOS, Android and Web. Express login on Android. Granted and declined permissions. User information, picture profile and more. Provid

Darwin Morocho 157 Jan 6, 2023
KGE social login (google, facebook)

social_logain A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

null 1 Dec 23, 2021
A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

The Github Mafia 17 Dec 24, 2022
Cross Platform app in Flutter with Firebase Auth and Firestore. Available for Mobile,Web,Desktop

NavokiNotes Navoki Notes, a note app app, will sync data to cloud and on all devices. We have application for Android, iOS, Web App, PWA, Windows, mac

shivam srivastava 93 Dec 27, 2022
A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Fwitter - Twitter clone in flutter A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage. Dependencies

Dominique Rwema Bagirishya 31 Oct 5, 2022
Basic implementation of flutter_bloc with firebase auth and other related stuff :)

flutter_bloc_implementation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get

Muhammad Hamza 4 Mar 7, 2022
Flutter starter - GetX Flutter Firebase Auth Example

GetX Flutter Firebase Auth Example UPDATE: Version 2.0.0 Changed to new language

Jeff McMorris 393 Jan 5, 2023