パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.0.8

input_with_keyboard_control

このパッケージは、フォーカスを失うことなくキーボードの表示/非表示を制御できる入力フィールドを提供します。バーコードスキャナーとの連携に最適です!

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
502
いいね数
35
Pub ポイント
150

パッケージをインストール

flutter pub add input_with_keyboard_control

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

キーボードの表示状態を正確に制御できるFlutterパッケージで、開発者がキーボードが表示されるタイミングや非表示のままにするタイミングを、フォーカスを失うことなく管理できます。バーコードスキャンなど、自動的にキーボードが表示されることを望まないシナリオに最適です。このパッケージはAndroid、iOS、Web、macOS、Windows、Linuxといったすべての主要プラットフォームをサポートしており、デバイス間で一貫した動作を保証します。プログラム的にキーボードの挙動を制御しながらフォーカスを維持することで、スムーズなユーザー体験を提供します。

用途

  • バーコードスキャナの統合
  • 自動キーボードポップアップなしのフォーム入力
  • モバイルでのカスタム入力処理
  • マルチプラットフォーム入力制御
  • キオスクモードにおけるフォーカス管理

主な機能

  • プログラマブルなキーボードの表示
  • キーボード操作中にフォーカスを維持する
  • クロスプラットフォーム互換性
  • キーボード切り替え用のシンプルな API
  • すべての主要なFlutterプラットフォームをサポートしています

適している対象

  • バーコードスキャンアプリを開発する開発者
  • 手動キーボード制御が必要なアプリ
  • キオスクまたは販売時点管理システム
  • カスタム入力ロジックを備えたモバイルファーストアプリケーション
  • クロスプラットフォームフォーム実装

注意事項

  • フォーカス状態の取り扱いに注意が必要です
  • キーボードフィードバック用に追加のUXデザインが必要になる可能性があります
  • 標準的なテキスト入力ワークフローには適していません
  • 入力フィールドの使用事例に限定
  • プラットフォーム固有のキーボード動作に依存します

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

input_with_keyboard_control

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


  1. Follow the install guide

  1. Import the library:
import 'package:input_with_keyboard_control/input_with_keyboard_control.dart';

  1. 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:


カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。