Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NavBar breaking KeyboardAvoidingView functionality #3025

Closed
sgardn opened this issue May 7, 2018 · 3 comments
Closed

NavBar breaking KeyboardAvoidingView functionality #3025

sgardn opened this issue May 7, 2018 · 3 comments

Comments

@sgardn
Copy link

sgardn commented May 7, 2018

Version

Tell us which versions you are using:

  • react-native-router-flux v4.0.0-beta.28
  • react-native v0.53.0 (via expo)

Expected behaviour

When I use the KeyboardAvoidingView as a view with behavior="padding", I expect that the TextInput contained within should be kept in view when I focus it doing something similar to the following:

https://snack.expo.io/@sgardn04/scrolling-with-textinput

Actual behaviour

The TextInput never emerges, due to the offset introduced by the NavBar. I've confirmed this by disabling the NavBar with hideNavBar and confirming that the KeyboardAvoidingView works as expected.

Steps to reproduce

  1. clone https://github.com/sgardn/react-native-router-flux
  2. run npm i inside the Example directory
  3. open the app on a device where the keyboard pops up (doesn't do this for the simulator for me - is there a way to force react-native run-ios to choose particular hardware?)
  4. navigate to the login screen and try to type in the TextInput
  5. try hiding the nav bar to see the desired effect in that component
@nallbradley
Copy link

Any updates on this? I am seeing this behavior as well.

@aksonov
Copy link
Owner

aksonov commented Aug 8, 2018

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists

@aksonov aksonov closed this as completed Aug 8, 2018
@ningacoding
Copy link

so?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants