Layout view appearance defect before the keyboard initialization on Android #30490
Labels
API: Keyboard
Needs: Triage 🔍
Platform: Android
Android applications.
Stale
There has been a lack of activity on this issue and it may be closed soon.
Description
Expected event: user tap to the TextInput => keyboard has appeared without any views before
Actual event: user tap to the TextInput => view has appeared for a split seconds => keyboard has appeared
Usually it is possible to catch this defect only on the real Android's devices, on IOS its work fine. On the light theme it is not so visible, but anyway you can see the grey or white view of the same keyboard's size before it appears on the screen. On the dark theme it looks so bad. And it feels like the IOS keyboard appears more native than Android. I think the problem is in the Android layout. And I have found some issue on an early versions on React Native like 0.44 and it was fixed there. But my version is 0.63.2. There are lot of inputs in my app and everywhere the situation is the same, on IOS the keyboard appearance is fine, but on Android not the same with defect.
React Native version:
Run
react-native info
in your terminal and copy the results here.System:
OS: macOS 11.0.1
CPU: (4) x64 Intel(R) Core(TM) i5-6267U CPU @ 2.90GHz
Memory: 502.34 MB / 8.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 13.13.0 - /usr/local/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.14.8 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.9.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.2, DriverKit 20.0, macOS 11.0, tvOS 14.2, watchOS 7.1
Android SDK:
API Levels: 28, 29
Build Tools: 28.0.3, 29.0.0, 29.0.2, 29.0.3
System Images: android-22 | Google APIs Intel x86 Atom, android-24 | Google APIs Intel x86 Atom, android-24 | Google Play Intel x86 Atom, android-26 | Google Play Intel x86 Atom, android-29 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.0 AI-193.6911.18.40.6514223
Xcode: 12.2/12B45b - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_242-release - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.13.1 => 16.13.1
react-native: 0.63.2 => 0.63.2
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found
Steps To Reproduce
Expected Results
The keyboard appears on Android the same like on IOS, smooth, with out any strange views before, and the same native like on IOS. You can check here the picture of a three states of the keyboard appearance https://postimg.cc/gallery/PrH7rSC
Snack, code example, screenshot, or link to a repository:
Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
The text was updated successfully, but these errors were encountered: