Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

White background under the keyboard

Tags:

react-native

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

enter image description here

like image 650
DeveloperApps Avatar asked Oct 29 '25 17:10

DeveloperApps


1 Answers

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.

like image 110
Wylie Avatar answered Oct 31 '25 11:10

Wylie