Flutter plugin to display a simple numeric keyboard on Android & iOS

Overview

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!

You might also like...

A Flutter package that provides an Emoji Keyboard widget.

Flutter Choose Keyboard A Flutter package that provides an Emoji Keyboard widget. BASED IN: https://github.com/JeffG05/emoji_picker Key Features Flutt

Oct 22, 2021

A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node.

A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node.

flutter_tv_autofocus A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node. Getting Started Wrap your flutter

Aug 18, 2022

Keyboard Store UI Built With Flutter

Keyboard Store UI Built With Flutter

Flutter UI Day 15 of 100 - Keyboard Store UI Getting Started git clone https://github.com/afifudinn/flutter-keyboard-store cd flutter-keyboard-store f

Dec 4, 2021

A custom keyboard UI for flutter

A custom keyboard UI for flutter

Flutter Custom Keyboard Design Credit: Dribbble

Nov 28, 2022

The definitive landscape virtual keyboard for flutter projects that can't support regular virtual keyboards

The definitive landscape virtual keyboard for flutter projects that can't support regular virtual keyboards

VK Flutter Virtual Keyboard The definitive landscape virtual keyboard for flutte

Dec 13, 2022

Mobile secure keyboard to prevent KeyLogger attack and screen capture.

Mobile secure keyboard to prevent KeyLogger attack and screen capture.

Mobile secure keyboard to prevent KeyLogger attack and screen capture. Screenshots Alphanumeric Numeric Getting started To use this plugin, add flutte

Dec 22, 2022

Flutter plugin to display a simple steps indicator line widget

Flutter plugin to display a simple steps indicator line widget

steps_indicator A simple steps indicator widget Installation Add steps_indicator: ^1.3.0 in your pubspec.yaml dependencies. And import it: import 'pac

Oct 18, 2022

Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions.

Flutter permission_handler plugin The Flutter permission_handler plugin is build following the federated plugin architecture. A detailed explanation o

Dec 31, 2022

Klutter plugin makes it possible to write a Flutter plugin for both Android and iOS using Kotlin only.

The Klutter Framework makes it possible to write a Flutter plugin for both Android and iOS using Kotlin Multiplatform. Instead of writing platform spe

Dec 18, 2022
Comments
  • Need a decimal point key (.)

    Need a decimal point key (.)

    I don't know if its implemented or not, but in the library home page the screenshot doesn't show a button for decimal point (.) this is a must in working with numbers.

    invalid 
    opened by AliAkberAakash 1
  • Space between Rows

    Space between Rows

    Is your feature request related to a problem? Please describe. I'm unable to space rows like I can with the column with the main Axis Alignment property.

    Describe the solution you'd like Height and cross-axis alignment (since main already exists) property to set the vertical positioning would be nice

    Describe alternatives you've considered Tried wrapping in a sized box or padding with height property

    opened by HassanTeslim007 0
  • Added new params for button and font size

    Added new params for button and font size

    I have added options for:

    • fontSize
    • fontWeight
    • buttonSize

    to make it a little more customizable.

    Please let me know if you need me to make any improvements to it.

    opened by SimonErich 1
Owner
Hugo EXTRAT
Mobile App Developer @sqli & Mentor @OpenClassrooms 🚀 Flutter - React Native - Android
Hugo EXTRAT
Flutter package to get keyboard height. Can be used to display a sticker/emoji modal with correct height.

flutter_persistent_keyboard_height Flutter package to get keyboard height. The height is persisted during app sessions and keyboard states (you can us

Arshak Aghakaryan 13 Oct 17, 2022
A plugin that brings native iOS keyboard behavior to Flutter.

iKeyboard A plugin that brings native iOS keyboard behavior to Flutter. Getting Started Just put IKeyboard as MaterialApp ancestor and put IKeyboard.b

Jonny Borges 1 May 4, 2022
A Flutter plugin for IOS and Android providing a simple way to display PDFs.

Pdf Viewer Plugin A Flutter plugin for IOS and Android providing a simple way to display PDFs. Features: Display PDF. Installation First, add pdf_view

Lucas Britto 56 Sep 26, 2022
Display images flutter - Simple app to display images in flutter

Display Images In Flutter Simple app to display images in a flutter. In this dem

Manish Ahire 1 Jan 29, 2022
Flutter ticket pass - A Flutter Widget to display the details of a ticket/pass purchased by customers and display the details of the purchase

ticket_pass_package A Flutter package to display the purchase of a ticket/pass along with additional details such as list of buyers. The source code i

null 40 Aug 13, 2022
A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also have privilege for fully customization from user side. like flipkart, amazon, myntra, meesho.

step_tracker plugin A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also

Roshan nahak 5 Oct 21, 2022
Voxxedapp - A Flutter app for iOS and Android that display details about upcoming Voxxed Days

voxxedapp - a Voxxed Days schedule app made with Flutter What is voxxedapp? It's an app that displays info about upcoming Voxxed Days conferences, inc

Andrew Brogdon 26 Oct 10, 2020
Flutter simple image crop - A simple and easy to use flutter plugin to crop image on iOS and Android

Image Zoom and Cropping plugin for Flutter A simple and easy used flutter plugin to crop image on iOS and Android. Installation Add simple_image_crop

null 97 Dec 14, 2021
Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

well_formed Contents Overview Getting Started Demo application References Overview Well-Formed Widget Fields - Well-Formed - is a collection of Flutte

Dartoos 7 Nov 2, 2022