White background under the keyboard

Question

How to remove the white background that is under the keyboard?

In the screenshot below, I was able to capture the moment when a white background is visible.

Shown when the keyboard begins to appear.

In the end you can't see it but it is visible during the loading of the keyboard and it looks bad

Answer 1

I am using Expo on React Native but I found a discussion that lead me to the solution, using android:windowSoftInputMode="adjustPan" in your AndroidManifest.xml for pure React Native projects should solve this. However I am using expo so I had to use "softwareKeyboardLayoutMode": "pan" in my app.json right under android like this

"android": {
  ...
  "softwareKeyboardLayoutMode": "pan",
  ...
}

This didn't solve the issue for everyone but hopefully it does for you. You can check out the discussion where I found the solution here.