search

Andr3wHur5t / react-native-keyboard-spacer

Plug and play react-native keyboard spacer view.
MIT License
1.56k stars 219 forks source link

I added TextInput in Scrollview and I found that Keyboard obscures TextInput. #71

Open YanfangLi248 opened 6 years ago

YanfangLi248 commented 6 years ago

I added TextInput in Scrollview and I found that Keyboard obscures TextInput. `

....... 
<TextInput/>
<KeyboardSpace/>

`

hieunc229 commented 6 years ago

@YanfangLi248 I had the same issue, I have created a different method and publish it on react-native-spacer. It should fix the issue!

dextermb commented 6 years ago

@hieunc229 your POC does not seem to work at all

hieunc229 commented 6 years ago

Thanks for checking out the repo, @dextermb. Can I have a little more details about your situation? (It'd be great if there is something like a Expo's Snack demo). I could help

dextermb commented 6 years ago

@hieunc229 I ended up using the demo from your README.

I have a Pixel 2 XL, so the input wouldn't get hidden by the keyboard so I increased the scale of the UI to make it so it did happen. But when I came to focusing the input it would simply sit underneath the keyboard.

Not sure if its something to do with UI scale effecting the dimensions.

Edit: Eitherway, probably shouldn't be discussing your project here. Feel free to open a thread on your side and I'll continue to help you debug.

hieunc229 commented 6 years ago

@dextermb Agree! Though, I am unable to test it on different devices.

P/s: I've just updated the demo as it was using an older version.

A-Shleifman commented 5 years ago

The library react-native-keyboard-aware-scroll-view deals with the problem very well