input_with_keyboard_control

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables input fields with precise control over keyboard visibility, allowing developers to manage when the keyboard appears or remains hidden without losing focus. Perfect for scenarios like barcode scanning where automatic keyboard display is undesirable. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent behavior across devices. It provides a seamless user experience by maintaining focus while controlling keyboard behavior programmatically.

Use cases

Barcode scanner integration
Form inputs without auto keyboard pop-up
Custom input handling on mobile
Multi-platform input control
Focus management in kiosk mode

Key features

Programmable keyboard visibility
Maintains focus during keyboard control
Cross-platform compatibility
Simple API for keyboard toggling
Supports all major Flutter platforms

Suitable for

Developers building barcode scanning apps
Apps requiring manual keyboard control
Kiosk or point-of-sale systems
Mobile-first applications with custom input logic
Cross-platform form implementations

Considerations

Requires careful handling of focus states
May need additional UX design for keyboard feedback
Not ideal for standard text entry workflows
Limited to input field use cases
Depends on platform-specific keyboard behaviors

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

The package provides an input that you can control whether the keyboard will show or not without losing focus, ideal for use with a barcode scanner!

Example

Check example folder for code sample

Usage

Follow the install guide

Import the library:

import 'package:input_with_keyboard_control/input_with_keyboard_control.dart';

Add InputWithKeyboardControl widget in your code as in the example below

InputWithKeyboardControl(
  focusNode: InputWithKeyboardControlFocusNode(),
  onSubmitted: (value) {
    print(value);
  },
  autofocus: true,
  controller: TextEditingController(),
  width: 300,
  startShowKeyboard: false,
  buttonColorEnabled: Colors.blue,
  buttonColorDisabled: Colors.black,
  underlineColor: Colors.black,
  showUnderline: true,
  showButton: true,
)

Thank you for using this package :heart:

Search packages, repositories and app categories