Search code examples
cordovaphonegap-pluginsphonegap-cli

How to change the webview background color with phonegap on iOS

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

Solution

  • 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];
}