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

pattern_lock 封面
套件詳情v2.0.0

pattern_lock

作為 Flutter 小部件的圖案鎖。可自訂且容易使用。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
4160
喜歡數
39
Pub 分數
160

安裝套件

flutter pub add pattern_lock

套件介紹

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

一個可自訂的 Flutter 小工具,實現了圖案鎖定介面,允許使用者在格子上繪製圖案來解鎖或驗證身分。設計簡單易於整合,支援 Android、iOS、Web、macOS、Windows 和 Linux 等多個平台。此小工具非常適合需要安全本機驗證且採用熟悉的手勢輸入方式的應用程式。它在維持流暢使用者體驗的同時,提供靈活的樣式與行為自訂選項。

適用情境

  • 行動應用程式中的使用者驗證
  • 對敏感功能的安全存取
  • 基於手勢的登入,用於注重隱私的應用程式
  • 整合到入職流程中
  • 可自訂的解鎖介面
  • 多平台應用程式安全

主要特色

  • 基於手勢的模式輸入
  • 高度可自訂的外觀
  • 跨平台相容性
  • 簡單 API 用於整合
  • 支援動畫和反饋
  • 可設定的網格大小和顏色

適合對象

  • 開發安全的本地身分驗證
  • 需要直覺解鎖機制的應用程式
  • 針對多個平台的專案
  • 尋求互動式小部件的UI設計師
  • 原型化生物特徵類介面

使用建議

  • 可能不適合高安全性環境
  • 模式強度取決於使用者選擇
  • 與PIN碼或生物識別相比,可存取性較低
  • 需要仔細的使用者體驗設計,以避免使用者挫折
  • 在沒有額外保護措施的情況下,不建議用於關鍵安全使用案例

原始 README

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

Pattern Lock

pub package

Pattern Lock as Flutter widget.

Demo web-site.

Demo

Usage

PatternLock(
  // color of selected points.
  selectedColor: Colors.red,
  // radius of points.
  pointRadius: 8,
  // whether show user's input and highlight selected points.
  showInput: true,
  // count of points horizontally and vertically.
  dimension: 3,
  // padding of points area relative to distance between points.
  relativePadding: 0.7,
  // needed distance from input to point to select point.
  selectThreshold: 25,
  // whether fill points.
  fillPoints: true,
  // callback that called when user's input complete. Called if user selected one or more points.
  onInputComplete: (List<int> input) {
    print("pattern is $input");
  },
);

Example

Example app with pattern setting and checking can be found here.

Screenshots

所屬分類

原始碼儲存庫

使用此套件的專案