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 Phone Number Authentication

April 30, 2020 Login Page, Authentication, Ui

The Gorgeous Otp

A login page built with flutter inspired by a design found on Uplabs

Login Screen OTP Screen
Flutter Phone Number Authentication Flutter Phone Number Authentication

Tools

This project uses the phone connection provided by Firebase.
It also uses MobX and Provider to manage the state of the application simply and efficiently.

Configuration

This project works with Firebase so you need to import your own Google Services files on Android & iOS folder after creating your Firebase project. Remember to enable phone authentication in your Firebase project.

On iOS if you don’t have APN key or APN is not setup on the device (emulator) you must set URL Schemes to the REVERSE_CLIENT_ID from the GoogleServices-Info.plist file. If your application crashes on iOS after entering his phone to receive OTP, there’s a good chance it is due to this step.

Source Code

Please Visit Flutter Phone Number Authentication Source Code at GitHub

Related posts:

Flutter Authentication and Splash ScreenFlutter Authentication and Splash Screen Flutter Login Screen With FirebaseFlutter Login Screen With Firebase Flutter Login Screen With FirebaseFlutter Login Screen With Firebase Flutter Simple Login ExampleFlutter Simple Login Example
  • flutter authentication
Flutter Circular SliderPrevious

Flutter Circular Slider

Flutter To-Do List Using SqliteNext

Flutter To-Do List Using Sqlite

Fast PDF Viewer

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 © 2021