numpad_layout

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

numpad_layout é um pacote Flutter que fornece um teclado numérico personalizável com suporte a dígitos árabes e compatibilidade entre plataformas. Permite aos desenvolvedores integrar facilmente campos de entrada numérica com opções flexíveis de estilo e layout em Android, iOS, Web, macOS, Windows e Linux. O pacote é ideal para formulários que exigem entrada de números, como entradas de PIN, calculadoras ou sistemas de pagamento. Seu design intuitivo permite personalizar facilmente o tamanho, cor e comportamento dos botões.

Casos de uso

Formulários de entrada de PIN
aplicações de calculadora
campos de entrada de pagamento
interfaces de entrada de dados
entrada de número multilíngue

Principais recursos

Suporte para dígitos árabes
Compatibilidade multiplataforma
Estilo de botão personalizável
Opções de layout flexíveis
Integração fácil com TextFormField
design responsivo

Indicado para

Desenvolvedores construindo interfaces de entrada numérica
Aplicativos voltados para usuários falantes de árabe
Aplicações multiplataforma
UIs com muitos formulários
Implementações de teclado personalizadas

Considerações

Requer manipulação manual da validação de entrada
Limitado a entrada numérica apenas
Pode ser necessário estilos adicionais para temas complexos
Não adequado para entrada de texto completo
Depende de dependências externas para funcionalidades avançadas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote