Keyboard height is wrong on some android devices (causing the keyboard to show over text inputs)

[vandrieu]

When the keyboard is show, the 'keyboardDidShow' event is fired.

We listen to it like this:

Keyboard.addListener('keyboardDidShow', this.handleKeyboardDidShow)

When it's fired, we start an Animated.Value that goes from 0 to -keyboardHeight to move the main view up (there are better ways to handle it, but that's not the point, I'm just trying to keep it simple here)

handleKeyboardDidShow = (event) => {
	Animated.timing(
		this.state.moveUpValue,
		{
			toValue: -event.endCoordinates.height,
			duration: 200,
			easing: Easing.linear
		}
	).start();
}

The main view is like:

<Animated.View style={{ transform: [{ translateY: this.state.moveUpValue }] }}>
</Animated.View>

It works on all iOS devices and it works on most Android devices, but on some Android devices, the event.endCoordinates.height value is wrong, causing the text input to be partially hidden.

This is a Huawei P20 Pro:

This is a Samsung A40:

How are we supposed to deal with that?

[react-native-bot]

Thanks for submitting your issue. Can you take another look at your description and make sure the issue template has been filled in its entirety?

👉 Click here if you want to take another look at the Bug Report issue template.

[vandrieu]

Yes, I inserted code samples to reproduce the issue, as required.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.