• Apps
  • Templates
  • Animation
  • Dialog
  • Icons
  • Images
  • Login screen
  • Note

Flutter UI Kit Templates

  • facebook
  • twitter
  • instagram
  • pinterest
  • youtube
Search

Switch to the dark mode that's kinder on your eyes at night time.

Switch to the light mode that's kinder on your eyes at day time.

Menu

Flutter UI Kit Templates

Login
Search
Menu

You are here:

  1. Home
  2. Login screen
  3. A Phone number authentication + OTP login page built with flutter
in Login screen

A Phone number authentication + OTP login page built with flutter

by James October 1, 2021, 9:04 am 1.6k Views

The Gorgeous Otp

Inspired by a design found on Uplabs, a login page built with flutter.

Login ScreenOTP Screen
login pageThis image has an empty alt attribute; its file name is screen2-2.png

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.

GitHub

https://github.com/huextrat/TheGorgeousOtp

See more

  • Previous article Login minimalist using framework flutter
  • Next article Flutter Beautiful Login Page UI Design and Animation

Written by James

You May Also Like

  • in Animation, Login, Login screen

    An awesome login page animated fastCode with Flutter

  • in Animation, Login, Login screen

    Flutter Beautiful Login Page UI Design and Animation

  • in Login screen

    Login minimalist using framework flutter

  • in Login screen

    Basic login and signup screen designed in flutter

More From: Login screen

  • An awesome login page animated fastCode with Flutter

    by James October 1, 2021, 9:20 am

  • Flutter Beautiful Login Page UI Design and Animation

    by James October 1, 2021, 9:17 am

  • Login minimalist using framework flutter

    by James October 1, 2021, 8:59 am

  • Basic login and signup screen designed in flutter

    by James October 1, 2021, 8:52 am

  • Provides login screen with login/signup functionalities

    by James October 1, 2021, 8:27 am

  • Inspired by Reflectly Login Screen Page in Flutter App

    by James October 1, 2021, 8:18 am

Don't Miss

  • in Login screen

    Provides login screen with login/signup functionalities

  • in Animation, Login, Login screen

    An awesome login page animated fastCode with Flutter

  • in Login screen

    A Phone number authentication + OTP login page built with flutter

  • in Animation, Login, Login screen

    Flutter Beautiful Login Page UI Design and Animation

  • in Button, Slide, Swipe

    An attractive swipe to confirm button for flutter

  • in Dialog

    A Phone Dialpad for your Flutter Application

Login minimalist using framework flutter

Flutter Beautiful Login Page UI Design and Animation

TEMPLATES

  • Amazing Quizzler App for iOS and Android

  • An Amazing Quiz App With Timer In Flutter

  • An elegant and easy on the eyes weather app build with flutter

  • A Beautiful Contact App using Flutter

  • A note-taking app built with Flutter + Firebase

  • Android Application to work with Location-based Data

  • Wallpaper application based on Pexels API

  • Wallpaper App made with Flutter with Dynamic Theming

TOP VIEWS

  • Provides login screen with login/signup functionalities

  • Flutter Beautiful Login Page UI Design and Animation

  • An awesome login page animated fastCode with Flutter

  • A Phone number authentication + OTP login page built with flutter

  • A simple yet elegant quiz app developed with Flutter

  • Time Picker widget with a spinner instead of a material time picker

  • Basic login and signup screen designed in flutter

  • A gorgeous login page built with flutter

© 2023 by FlutterKit.dev

  • Home
  • Contact Us
  • GDPR Privacy policy
Back to Top
Close
  • Apps
  • Templates
  • Animation
  • Dialog
  • Icons
  • Images
  • Login screen
  • Note
  • facebook
  • twitter
  • instagram
  • pinterest
  • youtube