[v4] Request: smoother keyboard transition when the bottom sheet is dismissed programmatically

[SimpleCreations]

Feature Request

Currently, when the bottom sheet is dismissed via the dismiss method while the keyboard is open, the sheet first slides all the way under the keyboard, and the keyboard then stays on screen for about a second before disappearing.

This feels like a performance issue from the UX perspective, and it would be great if the keyboard started sliding down along with the bottom sheet at the same time, thus eliminating the delay.

Demo of the current behavior:

Simulator.Screen.Recording.-.iPhone.11.Pro.-.2021-09-14.at.20.37.20.mp4

Why it is needed

Possible implementation

Code sample

[hirbod]

This PR just got merged: facebook/react-native#31402

It will fix all of our weird keyboard issues soon :)

[gorhom]

i think the solution would be, to close keyboard when modal gets dismiss and keyboard was opened by the sheet 💡

[mattgabor]

@gorhom the issue is that onDismiss seems to get called after the modal is dismissed, not when the user initiates the dismiss. Is there a way to detect when the user pressed the backdrop, or initiated the dismiss?

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[mattgabor]

This is still an issue, please remove stale label.

[Engazan]

This is still an issue, please remove stale label.

if u want you can use onAnimate to HOTFIX this, its only option in our project, sadly this "fix" or "cheat" work only with 1 snap point :/

onAnimate={(from, to) => { if (to === -1) { // Keyboard.dismiss(); } }}

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[SimpleCreations]

Not stale