numeric_keyboard

パッケージ概要

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

Android、iOS、Web、macOS、Windows、Linux向けのシンプルな数値キーボードを提供するFlutterプラグインです。フルスクリーンキーボードを使用せずに、フォームやフィールドで数字を効率的に入力できるようにします。カスタマイズ可能で、Flutterアプリケーションにスムーズに統合できます。シンプルさとクロスプラットフォーム互換性を重視しており、小数点およびバックスペース機能をオプションでサポートしています。PIN入力、数量入力、または数値入力が必要なすべてのシナリオに最適です。

用途

PIN入力画面
数量入力フィールド
フォームデータ収集
支払い金額の入力
ログイン認証
数値のみのユーザー入力

主な機能

クロスプラットフォーム対応
カスタマイズ可能なレイアウト
10進数入力のサポート
バックスペース機能
シンプルな統合
軽量設計

適している対象

モバイルアプリ開発者
フォームベースのアプリケーション
セキュリティに敏感な入力
埋め込み数値インターフェース
クイックプロトタイピング

注意事項

数値入力のみに制限
特別文字のサポートなし
入力検証を手動で処理する必要があります
テキスト入力が多いため適切ではありません
UIの一貫性を確保するために追加のスタイル設定が必要になる場合があります

元の README

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

A simple numeric keyboard widget

Installation

Add numeric_keyboard: ^1.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:numeric_keyboard/numeric_keyboard.dart';

How to use

Simply create a NumericKeyboard widget and pass the required params:

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap
)

_onKeyboardTap(String value) {
  setState(() {
    text = text + value;
  });
}

Params

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap,
  textColor: Colors.red,
  rightButtonFn: () {
    setState(() {
      text = text.substring(0, text.length - 1);
    });
  },
  rightIcon: Icon(Icons.backspace, color: Colors.red,),
  leftButtonFn: () {
    print('left button clicked');
  },
  leftIcon: Icon(Icons.check, color: Colors.red,),
  mainAxisAlignment: MainAxisAlignment.spaceEvenly
)

For a more detail example please take a look at the example folder.

Example

Numeric keyboard:

-

If something is missing, feel free to open a ticket or contribute!

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