Giter VIP home page Giter VIP logo

flutter-pin-code-widget's Introduction

  • A Flutter package that helps create a PIN Code screens.
  • Inspired by Android PIN code screen/
  • Widget can use PIN with any length (video below)

Note, that the widget has centerBottomWidget property, for adding one more button on the bottom left.

Usage

  PinCodeWidget(
    minPinLength: 4,
    maxPinLength: 25,
    onChangedPin: (pin) {
      // check the PIN length and check different PINs with 4,5.. length.
    },
    onEnter: (pin, _) {
      // callback user pressed enter
    },
    centerBottomWidget: IconButton(
      icon: const Icon(
        Icons.fingerprint,
        size: 40,
      ),
      onPressed: () {},
    ),
  ),
  1. Full example is here https://github.com/AgoraDesk-LocalMonero/flutter-pin-code-widget/blob/main/example/lib/main.dart
  2. How this package used in the real app https://github.com/AgoraDesk-LocalMonero/agoradesk-app-foss/blob/main/lib/features/auth/screens/pin_code_set_screen.dart

Showcase

Example app

Showcase|width=400px

App from the stores https://agoradesk.com/, the code is here code https://github.com/AgoraDesk-LocalMonero/agoradesk-app-foss/blob/main/lib/features/auth/screens/pin_code_set_screen.dart

Showcase|width=400px

Credits

This is a project by Agoradesk, P2P cryptocurrency trading platform. Created by the team behind LocalMonero, the biggest and most trusted Monero P2P trading platform.

flutter-pin-code-widget's People

Contributors

awaik avatar sergdeus avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.