keyboardWillShow not triggered in Android

[ortutay]

I am registering for keyboardWillShow like this:

this.addListenerOn(RCTDeviceEventEmitter, 'keyboardWillShow', this.updateKeyboardSpace);

This works fine in iOS, but in Android it does not trigger the event as expected. keyboardDidShow does work in Android.

[satya164]

I can confirm this.

[hufeng]

Yes, we have the same problem.

[yychun1217]

so it is not supported in Android?

[ide]

Keyboard events are unimplemented on Android.

[satya164]

@yychun1217 KeyboardDidShow and KeyboardDidHide works on Android, so I guess whatever you wanted to do with will show events, you could do on did show instead.

[matth3wga0]

@satya164 Both KeyboardDidShow and keyboardWillShow events will not been triggered on Android, as I've set android:windowSoftInputMode to adjustResize.

componentDidMount() {
  DeviceEventEmitter.addListener('KeyboardDidShow', e => {
    // Nope
  });

  DeviceEventEmitter.addListener('keyboardWillShow', e => {
    // Nope
  });
}

[satya164]

@matth3wga0 I'm using adjustResize and KeyboardDidShow and KeyboardDidHide work just fine. - https://github.com/scrollback/io.scrollback.neighborhoods/blob/master/app/views/keyboard-spacer.js

[matth3wga0]

@satya164 I'm using v0.14.2 and running on Android 5.1, what's yours?

[satya164]

@matth3wga0 Was using 0.12 previously, now using 0.15-rc, on Android 5.1.

[matth3wga0]

@satya164 Thanks, I'll have a try with 0.15-rc.

[Sh3rawi]

Im using RN 0.18-rc with a Moto X 5.1, keyboardDidHide and keyboardDidShow are both triggered on the showing of the keyboard (Actually, keyboardDidHide is triggered before DidShow!).

Nothing is triggered on the hiding of the keyboard.

[kristjanmik]

keyboardWillShow and keyboardDidHide are not in RN 0.18-rc

[jblack10101]

+1 for interest

[motiazu]

+1
Iv'e been trying any way I could find, it looks like any method of knowing when the keyboard is up and it's height does not work anymore :(

Does anyone have a workaround for this?

[Iliyass]

+1 RN: 18.1, Android: 5.0.2, Device: LG G2

[skv-headless]

I use keyboardDidHide and keyboardDidHide here is source code

react-native/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java

Line 424 in 228a1fe

sendEvent("keyboardDidShow", params);

[zoharlevin]

+1 this still doesn't work in android

[zoharlevin]

ok, i somehow missed this, so...
for anybody who was confused (like me :)) i can confirm that keyboardWillShow + keyboardWillHide don't work on android but keyboardDidShow and keyboardDidHide do work on android.

thanks @skv-headless

[motiazu]

@zoharlevin Holy crap it works! Thanks!

[Iliyass]

it works, thanks man

On Wed, Feb 24, 2016 at 9:03 AM, motiazu notifications@github.com wrote:

@zoharlevin https://github.com/zoharlevin Holy crap it works! Thanks!

—
Reply to this email directly or view it on GitHub
#3468 (comment)
.

[GantMan]

@christopherdro
I see this was closed, but I don't see why. Is there a PR that fixes this? I'd like to follow whatever version it will be released with, if so.

NOTE I don't think keyboardDidShow is a sufficient replacement for keyboardWillShow

[christopherdro]

@GantMan
This was closed because this is more of a missing feature than an actual bug.
Lately we've been trying to reduce the amount of issues down to actual bugs with the core project.

Feel free to submit a PR adding this functionality and link it back to this thread.

[superandrew213]

@christopherdro why was this closed? In the docs it says that all event should fire for both iOS and Android: https://facebook.github.io/react-native/docs/keyboard.html

If some events have not been implemented yet, then the docs should be updated to reflect that some events are iOS only.

[superandrew213]

@otoinsa you can try using react-native-android-keyboard-adjust if it helps. It allows you to dynamically change the windowSoftInputMode

[rendomnet]

keyboardWillShow/keyboardWillHide still not working on Android?
I have no "android:windowSoftInputMode : adjustResize or adjustNothing" and still cant get keyboardWillShow/keyboardWillHide to work.

[m860]

same issue , react native version is 0.44.0

[carlosconnected]

This is working on 0.46

[MyTotoro]

@carlos-peru where is this documented? thanks

[Ashoat]

keyboardWillShow/keyboardWillHide still not working for me on Android and RN 0.47.0

[danReynolds]

The documentation says:

Note that if you set android:windowSoftInputMode to adjustResize or adjustNothing, only keyboardDidShow and keyboardDidHide events will be available on Android. keyboardWillShow as well as keyboardWillHide are generally not available on Android since there is no native corresponding event.

Does that mean adjustPan works for example? That first sentence seems to imply keyboardWillShow and keyboardWillHide is available on other input modes.

[NikolaRavic]

Note that if you set android:windowSoftInputMode to adjustResize or adjustNothing, only keyboardDidShow and keyboardDidHide events will be available on Android. keyboardWillShow as well as keyboardWillHide are generally not available on Android since there is no native corresponding event.

I can confirm that if you set android:windowSoftInputMode to adjustNothing none of events are available for Android.

[Titozzz]

I also need the event when android:windowSoftInputMode is adjustNothing 😢

[johngoren]

I can't get windowSoftInput mode to work reliably, and KeyboardAvoidingView is hard to debug so I was hoping to get at this feature more directly in Android. But it's not working. RN 49.

[sabbyt54]

+1 confirmed no event when android:windowSoftInputMode is adjustNothing

[northern]

I'm running into the same problem in that the keyboardDidShow and keyboardDidHide are only fired on Android when the android:windowSoftInputMode is set to adjustResize.

However, when the android:windowSoftInputMode is set to adjustResize then when you're using a TabNavigator from the React Navigation package, when the keyboard on Android shows, it pushes the tabbar (if it's aligned at the bottom) up with the keyboard. To work around this pushing up you can set android:windowSoftInputMode is set to adjustNothing but doing this means that your content (text fields etc.) are behind your keyboard.

On iOS I've been working around this problem by adding a spacer View with a height of the keyboard at the end of my view when the keyboard opens, but since the event doesn't fire, this work around doesn't work for Android.

So, at the moment, on Android you can either have keyboard events (with adjustResize) but you will have a pushed up TabNavigator or you can have a hidden TabNavigator and no keyboard events.

It's a bit of a pickle...

[kkotkkio]

It's works both iOS and Android.

state = {
 btnLocation: 0
}
  componentWillMount() {
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardWillShow.bind(this));
    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardWillHide.bind(this));
  }
  componentWillUnmount () {
    this.keyboardDidShowListener.remove();
    this.keyboardDidHideListener.remove();
  }

  _keyboardWillShow(e) {
    this.setState({btnLocation: e.endCoordinates.height});
  }
  _keyboardWillHide(e) {
    this.setState({btnLocation: 0})
  }

[cathy810218]

@kkotkkio I don't think that works the way we want it to. You're still doing keyboardDidShow and keyboardDidHide, you are just calling the functions and name those functions WILL - keyboardWillShow and keyboardWillHide but it doesn't make sense. Those functions are fired AFTER keyboard is shown instead of BEFORE.

[cihadturhan]

I know I'm beating the dead horse here but the issue opened in Oct 2015 and it's still not working in 2018 at RN 55.4

[ngocnguyen09910060]

I'm facing same issue when android:windowSoftInputMode is adjustNothing.
Hi Mr @northern, have you resolved this issue ?

[ArturDrozdz]

Still the same on Android.

[Billy-]

@christopherdro @shergin Can someone explain why this was closed please?