FlutterCore Logo
  • Home
  • Components
    • Alert
    • Button
    • Calendar
    • Color
    • Dialog
    • i18n
    • Indicator
    • Picker
    • Popup
    • Rating
    • Reports
    • Slider
    • Swipe
    • Tabbar
    • Table
    • Timeline
    • Toast
    • Web
  • Input
    • Authentication
    • Autocomplete
    • Date/Time Picker
    • Editor
    • Forms
    • Keyboard
    • Note
    • Password
    • Pin
    • Search
    • Text
    • Validation
    • Verification
  • Media
    • Audio
    • Charts
    • Gallery
    • Images
    • Maps
    • Music
    • Shape
    • Video
  • Ui
    • Animation
    • Cards
    • Carousel
    • Chat
    • Design
    • Drawer
    • Flip
    • Grid
    • Intro Page
    • Layout
    • ListView
    • Login Page
    • Material Design
    • Menu
    • Navigation
    • Progress
    • Splash Screen
  • Tutorial
    • Example
  • Application
    • Calculator
    • Clock
    • Library
    • Plugin

Flutter Login Example

June 17, 2020 Example, Login Page

Flutter Login Example

This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset folder, and 100% Shared Code. Now with the ability to login with FaceID, TouchID, and Fingerprint Reader on Android.

Online Demo: https://rodydavis.github.io/flutter_login/

New Features

  • Auto Login
  • Enhanced Security with Bio
  • Menu and Logout
  • Dark Mode and True Black
  • Settings Page
  • Auth Service
  • What’s New Page
  • Remember Me Toggle
  • Custom Theme
  • Scoped Model
  • Automatic Json using json_serializable

Getting Started

Clone or Fork Project to get started.

Prerequisites

Flutter SDK, Android Studio or Other Compatible IDE.

iOS Integration

Note that this plugin works with both TouchID and FaceID. However, to use the latter,
you need to also add:

<key>NSFaceIDUsageDescription</key>
<string>Why is my app authenticating using face id?</string>

to your Info.plist file. Failure to do so results in a dialog that tells the user your
app has not been updated to use TouchID.

Android Integration

Update your project’s AndroidManifest.xml file to include the
USE_FINGERPRINT permissions:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.example.app">
  <uses-permission android:name="android.permission.USE_FINGERPRINT"/>
<manifest>

Sticky Auth

You can set the stickyAuth option on the plugin to true so that plugin does not
return failure if the app is put to background by the system. This might happen
if the user receives a phone call before they get a chance to authenticate. With
stickyAuth set to false, this would result in plugin returning failure result
to the Dart app. If set to true, the plugin will retry authenticating when the
app resumes.

screenshots

Flutter Login Example Flutter Login Example

Settings Page and Menu (Including Dark Mode)

Flutter Login Example Flutter Login Example

Built With

  • Flutter – Crossplatform App Development Framework

Contributing

Please submit a pull request if you want to help the project grow. The goal is to be able to fork the project and have a login module for your app complete so that a new project can be started quickly and customized to the user’s needs.

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

  • Rody Davis – Initial work – Rody Davis

License

This project is licensed under the MIT License – see the LICENSE.md file for details

Acknowledgments

  • https://flutter.io/networking/
  • https://github.com/bramvbilsen/Flutter-HTTP-Requests-REST-api
  • https://github.com/Solido/awesome-flutter
  • https://reqres.in
  • https://github.com/GeekyAnts/FlatApp-Flutter

Source Code

Please Visit Flutter Login Example Source Code at GitHub

Related posts:

Flutter Login Screen With FirebaseFlutter Login Screen With Firebase Flutter Facebook LoginFlutter Facebook Login Flutter Simple Login ExampleFlutter Simple Login Example Flutter Login UI DesignBest 6 Flutter Login Screen Design
  • flutter login
Flutter Facebook LoginPrevious

Flutter Facebook Login

Flutter ScrollyTellNext

Flutter Background Widget

Android Mining Monitor Application

Pool Supported : Ethermine, Nanopool, 2Miners, Flexpool, Herominers, Hiveon

Go to Google Playstore

Recent Posts

  • Flutter File UtilsFlutter File Utils
  • Flutter PDFFlutter PDF
  • Produ Flutter Task Cross PlatformProdu Flutter Task Cross Platform
  • Flutter Animation DirectorFlutter Animation Director
  • Draggable Flutter ListDraggable Flutter List
  • Flutter Section Table ViewFlutter Section Table View
  • Image and Location Picker FlutterImage and Location Picker Flutter

FlutterCore © 2023