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

Layout view appearance defect before the keyboard initialization on Android #30490

Closed
jocoders opened this issue Nov 27, 2020 · 2 comments
Closed
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.

Comments

@jocoders
Copy link

jocoders commented Nov 27, 2020

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

  1. Open the screen with TextInput
  2. Tap to the input.
  3. Before the keyboard see the white or grey view of the same size like keyboard.
  4. The keyboard has appeared.

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

@jocoders jocoders changed the title Layout view appearance bug before the keyboard initialization on Android Layout view appearance defect before the keyboard initialization on Android Nov 27, 2020
@github-actions
Copy link

This issue is stale because it has been open 365 days with no activity. Remove stale label or comment or this will be closed in 7 days.

@github-actions github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Nov 28, 2021
@github-actions
Copy link

This issue was closed because it has been stalled for 7 days with no activity.

@facebook facebook locked as resolved and limited conversation to collaborators Dec 14, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
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.
Projects
None yet
Development

No branches or pull requests

2 participants