华丽的OTP

一个使用 Flutter 构建的登录页面,灵感来自 Uplabs 上的设计。

登录屏幕 OTP 屏幕
screen1 screen2

工具

本项目使用 Firebase 提供的电话连接。
它还使用 MobXProvider 来简单高效地管理应用程序的状态。

配置

本项目与Firebase协同工作,因此您需要在创建Firebase项目后,将您的Google Services文件导入到Android和iOS文件夹中。请记住在Firebase项目中启用电话身份验证。

在iOS上,如果您没有APN密钥或设备(模拟器)上未设置APN,则必须将URL Schemes设置为GoogleServices-Info.plist文件中的REVERSE_CLIENT_ID。如果您的应用程序在输入电话号码接收OTP后崩溃,很可能是由于此步骤导致的。

GitHub

https://github.com/huextrat/TheGorgeousOtp