ity_customized_keyboard 1.0.1

ity_customized_keyboard: ^1.0.1 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:ity_customized_keyboard/customized_keyboard.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) => const MaterialApp(
        home: MyHomePage(),
        debugShowCheckedModeBanner: false,
      );
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final keyboardMomo = KeyBoardMomo();
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        FocusScope.of(context).unfocus();
      },
      child: KeyboardWrapper(
        removeViewInsetsBottom: true,
        //remove height bottomNavigationBar
        // heightBottomNavigationBar: kBottomNavigationBarHeight - 10,
        keyboards: [keyboardMomo],
        child: Scaffold(
          appBar: AppBar(
            title: const Text('ity_customized_keyboard'),
          ),
          resizeToAvoidBottomInset: true,
          bottomNavigationBar: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              FilledButton(
                onPressed: () {},
                child: const Text('Button'),
              )
            ],
          ),
          body: SingleChildScrollView(
            child: Column(
              children: [
                Row(
                  children: [
                    Expanded(
                      child: FilledButton(
                        onPressed: () async {
                          await showModalBottomSheet(
                            context: context,
                            builder: (context) {
                              return KeyboardWrapper(
                                isBottomSheetOrDialog: true,
                                keyboards: [keyboardMomo],
                                child: Column(
                                  mainAxisSize: MainAxisSize.min,
                                  children: [
                                    CustomTextField(
                                      keyboardType: keyboardMomo.inputType,
                                      onSubmitted: (value) => FocusScope.of(context).unfocus(),
                                    ),
                                  ],
                                ),
                              );
                            },
                          );
                        },
                        child: const Text('BottomSheet'),
                      ),
                    ),
                    const SizedBox(width: 15),
                    Expanded(
                      child: FilledButton(
                        onPressed: () {
                          showDialog(
                            context: context,
                            builder: (context) {
                              return KeyboardWrapper(
                                hasPaddingKeyboard: false,
                                keyboards: [keyboardMomo],
                                child: Stack(
                                  children: [
                                    Positioned.fill(
                                      child: Dialog(
                                        child: ClipRRect(
                                          borderRadius: BorderRadius.circular(16),
                                          child: Column(
                                            mainAxisSize: MainAxisSize.min,
                                            children: [
                                              const TextField(),
                                              CustomTextField(
                                                keyboardType: keyboardMomo.inputType,
                                                onSubmitted: (value) => FocusScope.of(context).unfocus(),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              );
                            },
                          );
                        },
                        child: const Text('Dialog'),
                      ),
                    ),
                  ],
                ),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(),
                const TextField(
                  keyboardType: TextInputType.datetime,
                ),
                CustomTextField(
                  keyboardType: keyboardMomo.inputType,
                  onSubmitted: (value) => FocusScope.of(context).unfocus(),
                ),
                CustomTextField(
                  keyboardType: keyboardMomo.inputType,
                  onSubmitted: (value) => FocusScope.of(context).unfocus(),
                ),
                // FilledButton(
                //   onPressed: () {},
                //   child: const Text('Button'),
                // ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}