How to stack a container over keyboard in Flutter, similar to WhatsApp "more" section in chat - flutter

How can I stack a Container over a keyboard similar to WhatsApp more section just like the below gif?
Alternatively, I tried using a bottom sheet, but bottom sheet closed the keyboard and then opened it up.

Unfortunately as other answers have said if you really want this you have to use a Custom In-App Keyboard, even though it's a lot of work.
Drawing over the keyboard is indeed possible on Android, but it is not possible at all on iOS. If you check the same functionality in WhatsApp on iOS it does not do that animation since iOS does not allow it.
The issue here is that the keyboard is controlled by the phone's operating system so Flutter is not allowed to render over it, just as you can't render over the status bar at the top of the screen.

This article at Medium titled "Custom In-App Keyboard in Flutter" by someone called "Suragch" might help you.
Custom In-App Keyboard in Flutter by Suragch

I think is an animation to a "Container" at the bottom of the screen.

Related

when UITextField is focused and scribble is on,keyboard don't show

there
I'm making drawing app on iPad with iOS14.
this app enables to use apple pencil.
I'm facing a problem.
when i try to write a text on UITextField by scribble hand write,keyboard don't showing.
my client said it can be enabled keyboard writing when scribble hand write is on.
is it possible?
I'm seeing this quite late but I'll still try to give you (or people looking for the same answer lates) some useful information:
I don't think that you can use "normal" keyboard with pencil (although it will appear immediately after you touch text field with your finger)
You can use pencil to show small screen keyboard by tapping the Scribble toolbar (usually bottom left corner, small icon of pencil tip) and then keyboard button, see here
Hope it will be helpful :)

Retrieving typing input/coordinate information from keyboard

Im trying to retrieve typing information such as the on-screen coordinates of where a user presses a key on a keyboard on Android and iOS using flutter similar to how swiftkey does it to generate their heatmaps.
How would I go about doing this? Do I have to create my own custom keyboard
I've tried to implement the suggestion here: How to Calculate the Coordinates of touch in Flutter?
But once the keyboard drawer pops up, the on-screen coordinates do not register.
To do this you would have to show your own keyboard that you build in flutter. The reason for this is that the keyboard which pops up is actually a different android window (or at least activity, but pretty sure window and likely process as well), that is shown over top of the window that flutter is rendering into. By design, the keypresses can't be recorded as that would be a security issue (the active app is one thing, but imagine if another app could record keypresses or even location of taps - they could steal your passwords!).
There may be some android-specific way of doing it that I'm not aware of, but it probably won't work on all devices and all keyboards and is likely not a good route to follow.

Customize/change keyboard buttons in iOS7, while using PhoneGap/Steroids

I'm part of a team building a mobile web app using AppGyver Steroids (PhoneGap). We are having an issue with the iOS7 keyboard displaying a very faint "Done" button on the keyboard when the user is operating in a text area or an input select. I suspect this is a problem that is actually global in our app, but these are the instances where I have observed them.
I've searched and searched for a solution or how to "customize" the keyboard in order to make this "Done" button more obvious, but I haven't found any solutions yet. Can anyone point me in the direction of how to adjust the "Done" button or any other keyboard/input controls?
Attached are two screenshots showing the issue.
http://i.stack.imgur.com/KeFYM.png
http://i.stack.imgur.com/h11IH.png
Have you seen the issue on github? It's now fixed. They'll be including the option for custom colours in the near future.

Button below the soft key of iPhone

Question is, Whether a button can be placed below the software keyboard that comes in the iPhone when we tap to enter some text.
The soft keyboard comes from the very bottom of the screen , can it be made to move little up and a button can be placed ??
No, this is impossible with public APIs. Your only other option would be to use a completely custom input view.

Display a view when keyboard is visible

Generally when the key board is visible some apps display a view on the top of keyboard with buttons like Done, Auto fill, .. etc
My Question is :
Is this provided by Apple or We have to create and use it.
Thank You in advance
The answer is somewhere in the middle. You do have to create it yourself, but Apple provides support for it. See Programmatically align a toolbar on top of the iPhone keyboard