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

ducafecatFlutter エコシステムナビ
numpad_layout のカバー
パッケージ詳細v0.0.3

numpad_layout

数値キーボード用の新しいFlutterパッケージで、柔軟なカスタマイズおよびアラビア数字のサポートを含み、さらに多くの機能があります。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
349
いいね数
24
Pub ポイント
160

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

flutter pub add numpad_layout

パッケージ概要

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

numpad_layout は、アラビア数字のサポートとクロスプラットフォーム互換性を備えたカスタマイズ可能な数値キーパッドキーボードを提供するFlutterパッケージです。Android、iOS、Web、macOS、Windows、Linuxで、柔軟なスタイルおよびレイアウトオプションを持つ数値入力フィールドを簡単に統合できます。PIN入力、電卓、決済システムなど、数字入力を必要とするフォームに最適です。直感的なデザインにより、ボタンのサイズ、色、動作を簡単にカスタマイズできます。

用途

  • PIN 入力フォーム
  • 電卓アプリケーション
  • 支払い入力フィールド
  • データ入力インターフェース
  • マルチ言語番号入力

主な機能

  • アラビア数字のサポート
  • クロスプラットフォーム互換性
  • カスタマイズ可能なボタンスタイル
  • 柔軟なレイアウトオプション
  • TextFormField との簡単な統合
  • レスポンシブデザイン

適している対象

  • 数値入力インターフェースを構築する開発者
  • アラビア語話者をターゲットにしたアプリ
  • マルチプラットフォームアプリケーション
  • フォーム中心のUI
  • カスタムキーボードの実装

注意事項

  • 入力検証を手動で処理する必要があります
  • 数値入力のみに制限
  • 複雑なテーマには追加のスタイル設定が必要になる場合があります
  • フルテキスト入力には適していません
  • 高度な機能には外部の依存関係に依存しています

元の README

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

Numpad

an numeric Keyboard Layout supports english and arabic digits

Features

  • Documented:** each property has a code documentation
  • Languages:** supports English and Arabic Digits
  • Flexibility:** smooth and flexible to modify anything

Usage

Parameter Default Description
onType required Callback when number pressed .
mainAxisAlignment MainAxisAlignment.spaceBetween for spacing horizontal .
padding horizontal = 30 padding over the whole layout .
leftWidget null the widget at the left of the 0 .
rightWidget null the widget at the right of the 0 .
highlightColor Color(0xFFC9C9C9) on Holding press any number.
runSpace 40 spacing vertical .
numberStyle null custom number style
radius 45 radius for the shape of the number .
arabicDigits false Displays arabic digits if equal true
returnItAsEnglish false it returns the digits as english even it's arabic digits .
Example
 NumPad(
   arabicDigits: true,
   onType: (value) {
     number += value;
     setState(() {});
   },
   rightWidget: IconButton(
   icon: const Icon(Icons.backspace),
   onPressed: () {
   if (number.isNotEmpty) {
     number = number.substring(0, number.length - 1);
      setState(() {});
   }
   },
  ),
);

also you can find The sample code under the example package.

カテゴリー

キーボード

ソースリポジトリ

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

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