numeric_keyboard

Visão geral do pacote

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

Um plugin Flutter que fornece um teclado numérico simples para Android, iOS, Web, macOS, Windows e Linux. Permite aos usuários inserir números de forma eficiente em formulários ou campos sem a necessidade de um teclado virtual completo. O teclado é personalizável e se integra perfeitamente aos aplicativos Flutter. Projetado para simplicidade e compatibilidade entre plataformas, suporta entrada básica de números com funcionalidades opcionais de ponto decimal e retrocesso. Ideal para entrada de PIN, entradas de quantidade ou qualquer cenário que exija apenas entrada numérica.

Casos de uso

Telas de entrada de PIN
campos de entrada de quantidade
coleta de dados do formulário
entrada de valor do pagamento
autenticação de login
entrada de usuário somente numérica

Principais recursos

Suporte multiplataforma
Layout personalizável
Suporte de entrada decimal
Funcionalidade de backspace
Integração simples
Design leve

Indicado para

Desenvolvedores de aplicativos móveis
Aplicações baseadas em formulários
entradas sensíveis à segurança
Interfaces numéricas embutidas
Prototipagem rápida

Considerações

Limitado a entrada numérica apenas
Sem suporte a caracteres especiais
Requer manipulação manual da validação de entrada
Não adequado para entrada pesada em texto
Pode ser necessário estilização adicional para consistência da UI

README original

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

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!

Buscar pacotes, repositórios e categorias de apps