flutter_verification_code 0.1.5+1

A Flutter package that help you create a verification input.

flutter_verification_code

• A Flutter package that help you create a verification input.

• Based on https://github.com/tiny-express/flutter_verification_code_input.

• Added state change in case user delete char after complete fill, take a look an example on Stackoverflow

Installing

dependencies:
  flutter_verification_code: ^0.1.5+1

Now in your Dart code, you can use:

import 'package:flutter_verification_code/flutter_verification_code.dart';

Usage

  VerificationCode(
      keyboardType: TextInputType.number,
      length: 4,
      autofocus: true,
      onCompleted: (String value) {
        //...
        print(value);
      },
  )

onEditing: (bool value) {
  setState(() {
    _onEditing = value;
  });
},

Center(
              child: (_onEditing != true)
                  ? Text('Your code: $_code')
                  : Text('Please enter full code'),
            ),

Showcase

[Showcase|100x100, 10%]