搜索插件、代码仓与 APP 分类

numeric_keyboard 封面
插件详情v1.1.0

numeric_keyboard

Flutter 插件,可在 Android 和 iOS 上显示一个简单的数字键盘。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
2280
喜欢数
94
Pub 分数
150

安装插件

flutter pub add numeric_keyboard

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 插件,为 Android、iOS、Web、macOS、Windows 和 Linux 提供简单的数字键盘。它使用户能够高效地在表单或字段中输入数字,而无需使用完整的屏幕键盘。该键盘可自定义,并能无缝集成到 Flutter 应用程序中。设计简洁,支持跨平台兼容性,支持基本数字输入,可选小数点和退格功能。适用于 PIN 码输入、数量输入或任何需要仅数字输入的场景。

适合场景

  • PIN 输入屏幕
  • 数量输入字段
  • 表单数据收集
  • 付款金额输入
  • 登录认证
  • 仅限数字的用户输入

主要特点

  • 跨平台支持
  • 可自定义布局
  • 十进制输入支持
  • 退格功能
  • 简单集成
  • 轻量级设计

适合对象

  • 移动应用开发人员
  • 基于表单的应用程序
  • 敏感安全输入
  • 嵌入式数值接口
  • 快速原型设计

使用建议

  • 仅限数字输入
  • 不支持特殊字符
  • 需要手动处理输入验证
  • 不适合用于大量文本输入
  • 可能需要额外的样式以保持UI一致性

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

numeric_keyboard

pub package

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!

所属分类

源码仓库

使用此插件的项目

暂无相关数据。