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

Sample Image 1

Sample Image 2

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

Libraries

keyboard