1Mobile secure keyboard to prevent KeyLogger attack and screen capture

flutter mobile secure keyboard

mobile secure keyboard to prevent keylogger attack and screen capture.

screenshots

alphanumeric	numeric

getting started

to use mobile secure keyboard plugin, add flutter_secure_keyboard as a dependency in your pubspec.yaml file. for example:

dependencies:
  flutter_secure_keyboard: ^1.0.1+3

examples

class withsecurekeyboardexample extends statefulwidget {
  @override
  _withsecurekeyboardexamplestate createstate() => _withsecurekeyboardexamplestate();
}

class _withsecurekeyboardexamplestate extends state<withsecurekeyboardexample> {
  final securekeyboardcontroller = securekeyboardcontroller();

  final passwordeditor = texteditingcontroller();
  final passwordtextfieldfocusnode = focusnode();

  final pincodeeditor = texteditingcontroller();
  final pincodetextfieldfocusnode = focusnode();

  @override
  widget build(buildcontext context) {
    return withsecurekeyboard(
      controller: securekeyboardcontroller,
      child: scaffold(
        appbar: appbar(title: text('with_secure_keyboard_example')),
        body: _buildcontentview()
      ),
    );
  }

  widget _buildcontentview() {
    // we recommend using the listview widget to prevent widget overflows.
    return listview(
      padding: const edgeinsets.all(8.0),
      children: [
        padding(
          padding: const edgeinsets.only(bottom: 12.0),
          child: _buildpasswordtextfield()
        ),
        _buildpincodetextfield()
      ],
    );
  }

  widget _buildpasswordtextfield() {
    return column(
      crossaxisalignment: crossaxisalignment.start,
      children: [
        text('password'),
        textformfield(
          controller: passwordeditor,
          focusnode: passwordtextfieldfocusnode,
          // we recommended to set false to prevent the soft keyboard from opening.
          enableinteractiveselection: false,
          obscuretext: true,
          ontap: () {
            securekeyboardcontroller.show(
              type: securekeyboardtype.alphanumeric,
              textfieldfocusnode: passwordtextfieldfocusnode,
              inittext: passwordeditor.text,
              hinttext: 'password',
              onconfirmkeypressed: (list<int> charcodes) {
                passwordeditor.text = string.fromcharcodes(charcodes);
              }
            );
          },
        ),
      ],
    );
  }

  widget _buildpincodetextfield() {
    return column(
      crossaxisalignment: crossaxisalignment.start,
      children: [
        text('pincode'),
        textformfield(
          controller: pincodeeditor,
          focusnode: pincodetextfieldfocusnode,
          // we recommended to set false to prevent the soft keyboard from opening.
          enableinteractiveselection: false,
          obscuretext: true,
          ontap: () {
            securekeyboardcontroller.show(
              type: securekeyboardtype.numeric,
              textfieldfocusnode: pincodetextfieldfocusnode,
              inittext: pincodeeditor.text,
              hinttext: 'pincode',
              onconfirmkeypressed: (list<int> charcodes) {
                pincodeeditor.text = string.fromcharcodes(charcodes);
              }
            );
          },
        ),
      ],
    );
  }
}

withsecurekeyboard

securekeyboardcontroller

securekeyboardcontroller.show()