[CB-14107] StatusBar Plugin does not work correctly on Samsung S9

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 8.0.0
• Component/s: cordova-android, cordova-plugin-statusbar
• Labels: features plug-in plugin
• External issue URL: https://stackoverflow.com/questions/50373752/cordova-statusbar-plugin-works-on-emulator-but-not-on-device/50447057#50447057
• Assignee: Joey Robert Bowser
• Reporter: Brian Grieco
• Created: 23/May/18 10:27
• Updated: 23/Aug/18 07:57
• Resolved: 15/Aug/18 09:53

Description

I have a cordova project and I installed the StatusBar plugin to color the status bar of the device in the Android platform. The plugin displays the correct status bar color if I run the project on an AVD (pic1), but when I run it on the device it does not appear to work.

I also noticed that when I run the project on device with the plug in uninstalled the view takes up the entire screen, but if I run it with the plugin installed there is black space between the app view and the top and bottom of the phone's nav bar and status bar (pic2).

Update:

When turned to portrait mode, the coloured status bar appears, but incorrectly (pic3).

Device: Samsung S9 running Android 8.0.0 (Oreo)
Cordova version: 8.0.0
StatusBar plugin version: 2.4.2
Cordova whitelist plugin: 1.3.3

 

Index.js code:

var app = {
    initialize: function() { 
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false); 
    },
    onDeviceReady: function() { 
        this.receivedEvent('deviceready'); 
        StatusBar.backgroundColorByHexString("#CF4D4D"); 
    },
    receivedEvent: function(id) { } 
}; 
app.initialize();