Repository navigation
Keyboardavoidingview does not work with react-navigation in Android #26394
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.
Activity
Novsochetra commentedon Sep 24, 2019
@bommala2019
According to my experience, I face the problem the same as you.
Have you tried to look at this issue?
Note: Make sure you show the status bar.
stale commentedon Dec 23, 2019
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.
ARKEOLOGIST commentedon Dec 27, 2019
Still have this issue.
GoranTopic commentedon Jan 7, 2020
I'm have the exact same issue
ARKEOLOGIST commentedon Jan 7, 2020
I fixed my issue at least temporarily by removing android:windowSoftInputMode="adjustResize" from AndroidManifest.xml . I hope this helps some people until a dedicated fix comes along. I'm also using react-navigation in my project.
stale commentedon Apr 7, 2020
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.
stale commentedon Apr 14, 2020
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.