3

I recently upgraded from phonegap CLI 4.1.2 (cordova build version 3.7.0) to CLI 6.0.1 (cordova build version 4.0.1) I can see while the phonegap webview bounce works on iOS but there is a background color that can be seen underneath the app content when the bounce happens. This color has changed from black to grey after the upgrade.

How can I change this background color which I assume is the webview background color. I tried to browse through MainViewController and AppDelegate Classes/files but did not find a place where the grey color is being set. This definitely is not the color of the <body> element.

Please see the attached screenshot.

enter image description here

Connor Pearson
  • 63,902
  • 28
  • 145
  • 142
DevD
  • 1,201
  • 2
  • 12
  • 20

2 Answers2

6

Using cordova config.xml you can set a preference for the background color you want the main WebView to have, f.e.:

<preference name="BackgroundColor" value="0xff0000ff"/>

It supports a four-byte hex value, with the first byte representing the alpha channel, and standard RGB values for the following three bytes.

Read more here: https://cordova.apache.org/docs/en/latest/config_ref/index.html#preference

choise
  • 24,636
  • 19
  • 75
  • 131
5

I think the easiest way would be to create a simple plugin. When your plugin is initialized, you can set the background color. For example:

- (void)pluginInitialize
{
    self.webView.backgroundColor = [UIColor blackColor];
}
Connor Pearson
  • 63,902
  • 28
  • 145
  • 142