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,
),
),
);
}
}