手机号码登录

混合、功能性、设计精美的 SMS 登录应用

该项目同时支持 Android 和 iOS 平台。我面临一个挑战,需要为我的项目适配一个漂亮的设计,并且我做到了。

您可以在下方看到我的 Dribbble UI 挑战,以及应用程序的截图和 GIF。请随意使用。

重要更新

通过最近的提交,您可以使用依赖注入和 DartZ。如果您不熟悉依赖注入或 DartZ,您可以使用 5 月 31 日之前的旧代码(不包含任何 DI 或 DartZ 代码)。为此,请打开提交记录并获取代码。对于最新代码(包含 DI 和 DartZ),您可以直接使用。

  • auto_size_text
  • intl_phone_number_input
  • auto_route
  • flow_builder
  • 波浪
  • pin_code_fields
  • bot_toast
  • 进度指示器
  • cupertino_icons
  • flutter_bloc
  • freezed_annotation
  • injectable
  • get_it
  • dartz
  • firebase_core
  • firebase_auth
  • build_runner
  • freezed
  • auto_route_generator
  • injectable_generator

警告!使用前请阅读

由于 Firebase 项目密钥是私有的,我没有分享它们。如果您想使用此应用程序,首先您必须完成 Firebase 身份验证过程。

此外,如果您想构建 iOS 应用程序,您也必须完成iOS 手机验证

Firebase:https://console.firebase.google.com/

iOS:https://firebase.google.com/docs/auth/ios/phone-auth?authuser=1&hl=en

Dribble 设计

sms_verification

设计链接:https://dribbble.com/shots/6572364-Code-Verification-IOS-App-Freebies

应用程序截图(用于 UI)

Ekran Resmi 2022-05-27 18 26 52

Ekran Resmi 2022-05-27 18 27 04

Ekran Resmi 2022-05-27 18 27 32

Ekran Resmi 2022-05-27 18 27 51

Ekran Resmi 2022-05-27 18 28 07

Ekran Resmi 2022-05-27 18 28 35

应用程序 GIF(用于功能)

注意:由于 GIF 的像素问题,颜色等看起来不够好。您可以查看图片以了解 UI。

screen2 screen1

GitHub

查看 Github