useAnimatedKeyboard layout BUG when device is iOS and has Inferior SafeAreaView about react-native-reanimated HOT 1 CLOSED

Hey @LuisTejedaDev, useAnimatedKeyboard hook doesn't really care whether there is a SafeAreaView or not. It has just one task - to return the height that keyboard takes up. And it does it well. See, when I looked at your example, the view before clicking the TextInput looks like this:

You can clearly see, that the accessory bar isn't perfectly in the bottom of the screen but rather moved up by SafeAreaView. You can fix it in one of such ways:

1. Have the accessory bar at the very bottom of the screen (e.g. by removing safeAreaView)
2. Somehow find out what is the margin that SafeAreaView adds at the bottom and substract its height from the animatedStyle translateY.
3. Have the bar use absolute position and be not dependent on SafeAreaView (so far example make it at the same view hierarchy level as the mentioned SafeAreaView). Then you will know exactly how far it is from the bottom.

There is not much more I can help you with, unfortunately. The hook does everything it is supposed to do.

from react-native-reanimated.