SplitView: Status Bar is overlaying part of the window

[relexx]

Using the SplitView App Template on Windows Phone (10), the status bar overlays part of the visible content. Actually the content is displayed "too far on the top", so the reserved space for the status bar has no chance to "evade" the content. It gets even worse when rotating to landscape mode...

I would correct it on my own, but I'm (yet) not very proficient in changing the style stuff...

Please don't get me wrong: This is by far the best template for Universal apps I've seen to date - keep going! :)

See two samples down here:

What it should look like:

Thank you!

[kozw]

Either hide the statusbar by adding this method in Shell.xaml.cs and invoke it from the ctor.

private async void HideStatusBar()
{
  if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")) {
    await StatusBar.GetForCurrentView().HideAsync();
  }
}

Alternatively you can set the view bounds. Seems like this has no effect in the various emulators, you probably want to test this on an actual device.

ApplicationView.GetForCurrentView().SetDesiredBoundsMode(ApplicationViewBoundsMode.UseVisible);

You may want to set the status background color as well if you choose the second option.

[kozw]

Fixed in 0.4.0, added a WindowChrome object that automatically handles the visible bounds and statusbar colors.