numpad_layout

Package Overview

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

numpad_layout is a Flutter package that provides a customizable numeric keypad keyboard with support for Arabic digits and cross-platform compatibility. It enables developers to easily integrate numeric input fields with flexible styling and layout options across Android, iOS, Web, macOS, Windows, and Linux. The package is ideal for forms requiring number entry, such as PIN inputs, calculators, or payment systems. Its intuitive design allows for easy customization of button size, color, and behavior.

Use cases

PIN entry forms
calculator applications
payment input fields
data entry interfaces
multi-language number input

Key features

Arabic digit support
Cross-platform compatibility
Customizable button styling
Flexible layout options
Easy integration with TextFormField
Responsive design

Suitable for

Developers building numeric input interfaces
Apps targeting Arabic-speaking users
Multi-platform applications
Form-heavy UIs
Custom keyboard implementations

Considerations

Requires manual handling of input validation
Limited to numeric input only
May need additional styling for complex themes
Not suitable for full-text input
Depends on external dependencies for advanced features

Original README

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

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.

Search packages, repositories and app categories

Install package