flyerhq / react-native-keyboard-accessory-view Goto Github PK

Hi, thanks so much for this package - it's fantastic!

I have a problem where the keyboard accessory renders on top of the bottom SafeAreaView on iphones 11 etc, even when playing the KeyboardAccessory as a child of that SafeAreaView. It works correctly on all other phones - do you have any ideas that could help me?

The background to this is that I am animating the keyboard accessory to appear when the users scrolls down to a certain point. It is done by transforming the y position to shift it up from behind the screen. When the KeyboardAccessory renders on top of the SafeAreaView it is always visible which becomes a problem.

It appears that the event 'keyboardWillChangeFrame' is not fired on android.

I wonder if this is expected or if I'm doing something wrong.

When dismissing via interactive mode in something like WhatsApp the scroll position gets pinned in place when the keyboard starts dismissing. With this library however, the FlatList keeps scrolling underneath the keyboard.

Recording attached:

Not sure if this is my implementation or the library but having trouble with layouts using the library with a react-navigation tab bar.

When the keyboard is show, the KeyboardAccessoryView has a space between the keyboard and the bottom of the view equal to the height of the toolbar.

Hey there,

I noticed that in order to move that view around, you just change the bottom property on a View.

This all takes place on the JS thread, so I'm wondering, is there any reason you're not using the Animated api and make sure all of that runs on the main thread?

Doesn't that make your library slower and less performant?

Thanks

Hey, thanks for this nice library!
I have a problem trying to render a background, since the background is covering the content. Do you have any idea on this?

Hi, first of all great project this is really useful! However I have stumbled across an issue on iOS.

It seems that the updateKeyboardDimensions function in node_modules/@flyerhq/react-native-keyboard-accessory-view/lib/hooks/useKeyboardDimensions.js is calculating a negative keyboard height of -174 when the keyboard closes which is different to it's original state where keyboard height is 0.

I've managed to solve this issue myself by using Math.max in this calculation, although I'm not sure if this is going to cause issues elsewhere!

i have an issue with TextInput child in KeyboardAccessoryView
keyboard will auto dismiss when setState on iOS

It appears that setting flex: 1 on the <ScrollView passed to renderScrollable does not have any effect. This seems to be because of the container's style, I tracked it down to this part of the code:

If I set flex: 1 on the Animated.View everything works properly

Before:

After:

Hi there,

I tried to use the KeyboardAccessoryView with RN's builtin KeyboardAvoidingView and ScrollView components.

Do you have any tip on the correct way of setting this up?

Hi, I need to know if it is possible to start the scroll like whatsapp does:
Now the scroll starts when you reach the keyboard, but I (having a textinput on it) would like it to start when you get to the edge of the textinput section.

I leave a video attached to make you understand.

Is this library only for iPhone X+?

When I input return, textinput's cursor is not follow my input

When I customize the expression panel, I like to switch between the panel and input. and the Input will flash his height like animate wrong, just like the video.

I hope the animation of input can be smooth.