How to detect software keyboard visible state at React Native

Environment

• React Native
• react-native-keyboard-accessory
• NativeBase
• node

Code

gist.github.com

If the software keyboard is visible ( when you'll input Textarea ), the Button is enabled.
Otherwise, the Button is disabled.

Typically, The timing which the software keyboard becomes to be invisible ( when you'll tap done or the area which isn't the software keyboard ) is when input is fixed.
So, keyboardDidHideListener also calls handleDone function.
In handleDone, you can do anything you want ( e.g. store input text to Database ).

Reference

facebook.github.io

github.com

nativebase.io