react-native: KeyboardAvoidingView with keyboardDismissMode interactive does not resize as keyboards hides.
Description
When using keyboardDismissMode="interactive" on ScrollView KeyboardAvoidingView does not resize as keyboards hides.
Here’s a gif to demonstrate what behavior I’m referring to:
gif taken from https://github.com/Andr3wHur5t/react-native-keyboard-spacer/issues/48 , but
KeyboardAvoidingView has the same issue.
Reproduction
https://sketch.expo.io/B1JIYaynx
Solution
Track keyboard height when panning of the keyboard starts?
Additional Information
- React Native version: 0.42
- Platform: iOS
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 21
- Comments: 27 (7 by maintainers)
Commits related to this issue
- Feature: ScrollView `automaticallyAdjustKeyboardInsets` (#31402) Summary: Currently, ScrollViews provide the prop `keyboardDismissMode` which lets you choose `"interactive"`. However when the keyboar... — committed to facebook/react-native by mrousavy 3 years ago
- Feature: ScrollView `automaticallyAdjustKeyboardInsets` (#31402) Summary: Retrying D30015799 (https://github.com/facebook/react-native/commit/6e903b07fa8e8d9b78cae0e031bb8022f7a63195) with a fix wher... — committed to facebook/react-native by mrousavy 3 years ago
- Feature: ScrollView `automaticallyAdjustKeyboardInsets` (#31402) Summary: Retrying D30015799 (https://github.com/facebook/react-native/commit/6e903b07fa8e8d9b78cae0e031bb8022f7a63195) with a fix wher... — committed to arunim2405/react-native by mrousavy 3 years ago
I’m having this issue as well. Maybe most people won’t care about this, which led to it being auto-closed, but it’s crucial to the small number of people who run into this and are using React Native to create complex, high quality apps. I don’t have time to contribute right now but I will be forced to fix this eventually if no one else gets around to it. 😃
@hramos this has been sitting around for 7 months with no reply from the react-native team. Is there a way we could get this prioritized?
Can this be reopened, I would really like to have this in my app
Sorry but this is far from closed, the deep problem comes from the fact that the
KeyboardAvoidingViewdoes not follow the keyboard movement when dragged interactively withkeyboardDismissMode="interactive", as you can see in the first GIF, theScrollViewis half of its size until the touch is released, this has nothing to do with toolbars orInputAccessoryViewi have this issue too.
Im using 0.55.2 and I have this problem
Would be great to have a fix for this, or a solution to make it work. Thanks!
I am using 0.56.0 - the problem still exists
Any update on this?
Closed as InputAccessoryView is what is preferred in this case.
The docs for InputAccessoryView link to a working example: https://github.com/facebook/react-native/blob/master/RNTester/js/InputAccessoryViewExample.js. It might also be useful to understand the underlying iOS class: https://developer.apple.com/documentation/uikit/uiresponder/1621119-inputaccessoryview
+1 , any solution guys ?
Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we’re automatically closing issues after a period of inactivity. Please do not take it personally!
If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:
If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.