height of useReanimatedKeyboardAnimation is negative

[friedolinfoerder]

The value of the sharedValue height is negative (only in my case!?). Is this intended?

In file src/animated.tsx you set - explicit:

heightSV.value = -event.height;

I see this behavior with android edge-to-edge (react-native-edge-to-edge) and RN 0.76.6.

[kirillzyusko]

@friedolinfoerder This is how I initially designed it, so yes, it's intended.

The initial idea was to have syntax like this:

const {height} = useReanimatedKeyboardAnimation();

const style = useAnimatedStyle(() => ({
  transform: [{translateY: height}] // no minus needed
}), [])

However later on I realized, that it's not so convenient when you animate height and other properties 😔

I planned to change that behavior in v2 - but I don't know when I'll release it 🤷‍♂

If you are confused by this fact, then you can return your own hook and return a positive value from there 🙂

I'm going to close this issue, because yes, it's intended, but I see downsides and want to re-work them, but don't know when :)

[friedolinfoerder]

Wow, really fast response 🚀 thank you 😃

Yes, was confused about it (because with the name height you wouldn't guess).

If you are confused by this fact, then you can return your own hook and return a positive value from there 🙂

I will do this; I already have my own hook wrapper in place – I only was not sure, if it is consistent behavior for both platforms or a bug on my side

Great library btw 👍 – looking forward for further improvements and v2 😉

[kirillzyusko]

@friedolinfoerder yes, it's consistent for both platforms 🙂