Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

KeyboardAvoidingView with keyboardDismissMode interactive does not resize as keyboards hides.

See original GitHub issue

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 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

Issue Analytics

State:
Created 6 years ago
Reactions:21
Comments:27 (7 by maintainers)

Top GitHub Comments

13reactions

pozdenacommented, Sep 5, 2017

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. 😃

11reactions

RyanMitchellWilsoncommented, Nov 27, 2017

@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?

Top Results From Across the Web

React Native "interactive" keyboardDismissMode throws error ...

This occurs as I drag the keyboard downwards quickly. Sometimes it happens; sometimes it doesn't. I am using a simple TextInput component, ...

KeyboardAvoidingView - React Native

This component will automatically adjust its height, position, or bottom padding based on the keyboard height to remain visible while the ...

keyboardavoidingview doesn't work - You.com | The AI Search ...

I am using the KeyboardAvoidingView to make my UI respond gracefully when the keyboard is open, but it's not reflecting the expected behavior....

The hidden Text Input of React Native apps | by Martin Adamko

This my first take on looking for a straightforward unified solution to responding to Keyboard open–change–hide events in React Native. There are great ......

UIKit Keyboard Avoidance with a single line of code - eppz!

Not to mention UIScrollView.keyboardDismissMode API (introduced in iOS 7), which can give you gestures for hiding the keyboard for free.