搜尋套件、儲存庫與 APP 分類

sms_otp_auto_verify 封面
套件詳情v2.2.0

sms_otp_auto_verify

一個用於輸入數字驗證碼的新Flutter外掛,通常用於簡訊OTP代碼情況,並使用SMS Retriever API庫提供簡訊自動填入功能。

Android
近 30 天下載
73
喜歡數
93
Pub 分數
140

安裝套件

flutter pub add sms_otp_auto_verify

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 插件,旨在透過自動檢測和填入一次性驗證碼來簡化簡訊 OTP 驗證。它利用 Android 的 SMS Retriever API 掃描傳入的簡訊訊息以尋找 OTP 代碼,減少手動輸入。適用於需要簡訊驗證的認證流程,可最大限度地減少登入或註冊過程中的使用者摩擦,提升使用者體驗。

適用情境

  • 登入流程中的自動OTP代碼輸入
  • 透過簡訊驗證簡化使用者註冊
  • 減少手動輸入一次性密碼時的用戶錯誤
  • 與雙因素認證系統整合
  • 支援需要電話驗證的入職工作流程

主要特色

  • 從簡訊中自動檢測OTP代碼
  • 使用 Android 短信檢索 API 進行安全檢索
  • 所需使用者互動最少
  • 與現有表單欄位的簡單整合
  • 無需應用權限的即時程式碼自動填補

適合對象

  • 需要簡訊OTP驗證的行動應用程式
  • 尋求無縫OTP使用者體驗的開發者
  • 面向 Android 的身分驗證流程
  • 使用 Google 短信檢索 API 的應用
  • 優先考慮使用者在入門階段便利性的專案

使用建議

  • 僅適用於 Android 平台
  • 需要正確設置簡訊檢索 API
  • 依賴於設備級別的簡訊存取
  • 可能不適用於所有安卓裝置或電信業者
  • 僅限簡訊驗證碼傳送

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

sms_otp_auto_verify

A new Flutter plugin to enter a digit code usually in cases of Sms Otp Code. and provide SMS Auto Fill using library SMS Retriever API.

Example App

Getting Started

Import package
import 'package:sms_otp_auto_verify/sms_otp_auto_verify.dart';
Get Signature Code
String? signature = await SmsVerification.getAppSignature();
Add Widget

codeLength must equals with Sms OTP Code length

TextFieldPin(
    textController: textEditingController,
    autoFocus: true,
    codeLength: _otpCodeLength,
    alignment: MainAxisAlignment.center,
    defaultBoxSize: 46.0,
    margin: 10,
    selectedBoxSize: 46.0,
    textStyle: TextStyle(fontSize: 16),
    defaultDecoration: _pinPutDecoration.copyWith(
    border: Border.all(
    color: Theme.of(context)
    .primaryColor
        .withOpacity(0.6))),
    selectedDecoration: _pinPutDecoration,
    onChange: (code) {
    _onOtpCallBack(code,false);
}),
Listen result from OtpListTextField
_onOtpCallBack(String otpCode, bool isAutofill) {
    setState(() {
      this._otpCode = otpCode;
      if (otpCode.length == _otpCodeLength && isAutofill) {
        _enableButton = false;
        _isLoadingButton = true;
        _verifyOtpCode();
      } else if (otpCode.length == _otpCodeLength && !isAutofill) {
        _enableButton = true;
        _isLoadingButton = false;
      }else{
        _enableButton = false;
      }
    });
  }
Example Sms
<#> ExampleApp: Your code is 5664
   r64Iw/6mD1D

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。