React Native's KeyboardAvoidingView not responding for FormInput
See original GitHub issueI’m using multiple FormInput on the same page and when an input gains focus and the keyboard is triggered to slide up it covers my inputs. I’ve tried to handle this by using react native’s KeyboardAvoidingView as my form container but the keyboard still covers my Inputs. What could be the reason for this, does it have anything to do with the FormInput’s default styling or my container?
Below is my container’s styling.
.container: { flex: 1, padding: 20 }
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
KeyboardAvoidingView not Working Properly - Stack Overflow
1. Try removing paddingBottom: this. · still not working@HSBP. – Charan Teja · Use KeyboardAwareScrollView (github.com/APSL/react-native-keyboard- ...
Read more >KeyboardAvoidingView not working in FORM component #1518
i want scroll this form when fill up. For scrolling view i used KeyboardAvoidingView react-native component. Not working scroll view.
Read more >KeyboardAvoidingView not working properly? Check your ...
Check your Flexbox Layout first. Keyboard overlaying Input or Submit button is a common problem in React Native. Something like ...
Read more >KeyboardAvoidingView - React Native
KeyboardAvoidingView. This component will automatically adjust its height, position, or bottom padding based on the keyboard height to ...
Read more >What is The Problem WIth KeyboardAvoidingView - 3 - YouTube
React Native Animated Form ... KeywordAvoidingView inside React Native and I found this is not working properly inside my android emulator.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Same here… I tried to wrap all of my view inside a ScrollView, same…
EDIT: I just forgot to specify the props
behavior
…RE-EDIT: I notice that there is a problem with
KeyboardAvoidingView
andreact-navigation
, to make it works, you have to do this workaround (addkeyboardVerticalOffset
to65
, the height of the react-navigation tab-bar):@datsik34 It’s more like that in JSX
I’ll change my comment to be more understandable