Description
I have a TextInput at the bottom of the mobile screen and when user gets into focus of it , keyboard view is shown but it is getting overlapped with the TextInput and user cant see what is typed in it. For this problem to solve I tried react-native inbuilt compoent 'Keyboardavoidingview' was tried but it did not work as expected in Android. the important point to note here is that I am using react-navigation header component. If I remove this component then it works perfectly so it is issue with the usage of react-navigation component.
React Native version:
React Native Environment Info:
System:
OS: Windows 10
CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz
Memory: 4.14 GB / 15.88 GB
Binaries:
Yarn: 1.17.3 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD
IDEs:
Android Studio: Version 3.4.0.0 AI-183.6156.11.34.5692245
Steps To Reproduce
- Use react - navigation component
- Define any textInput at the bottom of the mobile screen.
- Type on this textbox.
It is expected that it is automatically scrolled up and user can see what is typed in.