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

user_13406343 0
Viewed 470

How can I stack a Container over a keyboard similar to WhatsApp more section just like the below gif?

enter image description here

Alternatively, I tried using a bottom sheet, but bottom sheet closed the keyboard and then opened it up.

flutter-animation flutter-layout flutter
3 Answers

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.

user_43468860
user_112179450

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

user_166002860
Related