[ 
https://issues.apache.org/jira/browse/CB-14107?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16501332#comment-16501332
 ] 

Gearóid M commented on CB-14107:
--------------------------------

I don't think this is a statusbar bug, but rather the app not stretching to 
full screen due to the S9's 18:9 aspect ratio. Unless otherwise specified, an 
Android app will not stretch beyond 16:9 (see [this Android Developers Blog 
post|https://android-developers.googleblog.com/2017/03/update-your-app-to-take-advantage-of.html]).
 I see the same black bars on an S9 regardless of whether the statusbar plugin 
is installed.

To make the app stretch to the full size of the screen (and to get your 
statusbar working), you can add this line to your AndroidManifest.xml:

{{<meta-data android:name="android.max_aspect" android:value="2.1" />}}

For me, that makes the app full screen. I'm not sure why the Pixel 2 XL 
stretches the app, it really shouldn't without this setting.

> StatusBar Plugin does not work correctly on Samsung S9
> ------------------------------------------------------
>
>                 Key: CB-14107
>                 URL: https://issues.apache.org/jira/browse/CB-14107
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-android, cordova-plugin-statusbar
>    Affects Versions: 8.0.0
>            Reporter: Brian Grieco
>            Assignee: Joe Bowser
>            Priority: Major
>              Labels: features, plug-in, plugin
>         Attachments: pic1.png, pic2.jpg
>
>
> 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).
> 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:
> {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();
> {code}



--
This message was sent by Atlassian JIRA
(v7.6.3#76005)

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to