number_key

Description:

number key

OnScreenKeys #
Your Virtual Number Pad #
OnScreenKeys is a customizable virtual number pad widget for Flutter that offers flexible integration and dynamic functionality.
Customizable Appearance #
You can customize the appearance of the virtual number pad according to your app's theme and design requirements.
Flexible Integration #
Integrating the OnScreenKeys widget into your Flutter app is straightforward and can be adapted to various use cases.
Dynamic Functionality #
The virtual number pad provides dynamic functionality, allowing you to perform actions such as payments, validations, or any other custom functionality.
Sample Images #


Usage #
To integrate the OnScreenKeys widget into your Flutter app, simply include it in your widget tree with the desired configurations. Here's an example usage:
import 'package:flutter/material.dart';
import 'package:your_package_name/keyboard.dart';

class YourWidget extends StatelessWidget {
final TextEditingController textController = TextEditingController();
final double userAmount = 0; // Assuming this is declared somewhere in your code

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Your App Title'),
),
body: Center(
child: OnScreenKeys(
keyColor: Colors.black,
customButtonText: 'Clear', \\ the last button is a custom button where you can add function
customButton: () {}, \\ the last button is a custom button where you can add function
textEditingController: textController,
keyboardSize: 8,
),
),
);
}
}
copied to clipboard