ITY Customized Keyboard #

Empowers you to design personalized keyboards tailored to your preferences and seamlessly integrate them with [TextField].

✨ Features #

• Customized keyboards can be anything you imagine – they are essentially a widget crafted by you.
• The custom keyboard automatically appears and disappears based on whether the text field is focused or loses focus.
• The [onFieldSubmitted] functionality works seamlessly, and special buttons like backspace and next are included for smooth navigation.

🚀 Getting Started #

1. Add the package to your pubspec.yaml:

   dependencies:
     ity_customized_keyboard: ^1.0.0
   

2. Create CustomKeyboard

   import 'package:ity_customized_keyboard/customized_keyboard.dart';
   
   class DemoCustomKeyboard extends CustomKeyboard {
     // Your code here
   }
   

3. Create a KeyboardWrapper in the widget tree

   import 'package:ity_customized_keyboard/customized_keyboard.dart';
   final keyboardMomo = KeyBoardMomo();
   KeyboardWrapper(
     keyboards: [keyboardMomo],
     child: //Your code here
   ),
   CustomTextField(
     keyboardType: keyboardMomo.inputType,
   ),
   

🔧 Usage #

Dialog:

    import 'package:ity_customized_keyboard/customized_keyboard.dart';
    
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return KeyboardWrapper(
          hasPaddingKeyboard: false,
          keyboards: [keyboardMomo],
          child: Stack(
            children: [
              Positioned.fill(
                child: Dialog(
                  // Your code here
                ),
              ),
            ],
          ),
        );
      },
    );

BottomSheet:

    import 'package:ity_customized_keyboard/customized_keyboard.dart';

    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return KeyboardWrapper(
          isBottomSheetOrDialog: true,
          keyboards: [keyboardMomo],
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              // Your code here
            ],
          ),
        );
      },
    );

Customized Keyboard:

    import 'package:ity_customized_keyboard/customized_keyboard.dart';

    KeyboardWrapper(
      removeViewInsetsBottom: true,
      keyboards: [keyboardMomo],
      child: Scaffold(
        // Your code here
      ),
    )

BottomNavigationBar:

    import 'package:ity_customized_keyboard/customized_keyboard.dart';

    KeyboardWrapper(
      removeViewInsetsBottom: true,
      //remove height bottomNavigationBar
      heightBottomNavigationBar: kBottomNavigationBarHeight - 10,
      keyboards: [keyboardMomo],
      child: Scaffold(
        // Your code here
      ),
    )

📱 Example #

To see ity_customized_keyboard in action, explore the full example project available in the example.

🛠️ Contributions #

We gladly accept contributions! If you have suggestions for new features, bug fixes, or improvements, don't hesitate to open an issue or submit a pull request. Your input is always welcome!

📄 Source #

This package is a clone of the Customized Keyboard package.

📜 License #

MIT License