PinPut 1 input field widget for Flutter with paste from clipboard functionality

pin_put

this widget keeps whole width of parent widget and layouts textfields in a way to create pin code input field look it accepts string of any length and calls the onsubmit method when all fields are filled.

properties

example

import the package:

import 'package:flutter/material.dart';
import 'package:pinput/pin_put/pin_put.dart';

void main() => runapp(pinputtest());

class pinputtest extends statelesswidget {
  @override
  widget build(buildcontext context) {
    return materialapp(
        theme: themedata(
          primarycolor: colors.green,
          hintcolor: colors.green,
        ),
        home: scaffold(
            body: builder(
          builder: (context) => padding(
                padding: const edgeinsets.all(40.0),
                child: center(
                  child: pinput(
                    fieldscount: 4,
                    onsubmit: (string pin) => _showsnackbar(pin, context),
                  ),
                ),
              ),
        )));
  }

  void _showsnackbar(string pin, buildcontext context) {
    final snackbar = snackbar(
      duration: duration(seconds: 5),
      content: container(
          height: 80.0,
          child: center(
            child: text(
              'pin submitted. value: $pin',
              style: textstyle(fontsize: 25.0),
            ),
          )),
      backgroundcolor: colors.greenaccent,
    );
    scaffold.of(context).showsnackbar(snackbar);
  }
}