search

birdwingo / react-native-swipe-modal

🚀 Swipe modal is a customizable and animated modal component that can be used in React Native applications. It provides a smooth swipe-to-close functionality along with various configuration options to suit different use cases.
https://birdwingo.com
MIT License
67 stars 1 forks source link

Text focus causes whole modal to go off screen #18

Closed wilkinsonj closed 8 months ago

wilkinsonj commented 8 months ago

When focusing in a text box within the modal, the top part of the modal disappears off screen, as does the focused text box

Lipo11 commented 8 months ago

hello, can you provide video?

jaikantshikray commented 5 months ago

facing same issue when keyboard launched it goes out of view

Awethentique commented 5 months ago

I am experiencing the same issue when you have a text input field inside the modal. image If you tap into the input field to type something, the keyboard comes up and shifts the entire view up, thus shifting the input field off the top of the screen. you can try to scroll down it will dismiss the modal. I had to use closeTrigger={isSearchFocused ? 'minHeight' : 'swipeDown'} prop to try to make it so that the modal does not dismiss when the keyboard is focused. perhaps i could do better using this library to control the keyboard.

Using the closeTrigger hack, I get the modal not to dismiss when you try to scroll back to the input field, however the view just bounces back with the input field hidden again

image

This is Android behavior, on iOS the keyboard pops up and then disappears

Lipo11 commented 5 months ago

just use useKeyboardAvoidingView to false