title: iOS status bar overlap
body: <p>I'm using Xamarin Forms to build an iOS app.
  I've got the following structure:</p>
  
  <pre><code>- navigation page
  -- tabbed page
  --- content page
  ---- listview
  --- content page
  </code></pre>
  
  <p>The result is the following:</p>
  
  <p><a href="https://i.stack.imgur.com/foQbh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/foQbh.png" alt="enter image description here"></a></p>
  
  <p>How can I solve that. 
  I know that there are quite a few duplicates but these are for xcode. I need it for xamarin forms?</p>
  
  <p><strong>I don't want to hide the status bar.
  I just want to status bar at the top and the bounds of the app right below. 
  Setting the padding of root navigation page to 0,20,0,0 did not work.</strong></p>
  
  <pre><code> public partial class App : Application
   {
          public App()
          {
              InitializeComponent();
  
              ServiceLocator.Instance.Add&lt;ICloudService, AzureCloudService&gt;();
              var navigationPage = new NavigationPage(Pages.MainPage.Instance);
              navigationPage.Padding = new Thickness(0, 20, 0, 0);
  
              NavigationPage.SetHasNavigationBar(Pages.MainPage.Instance, false);
  
              MainPage = navigationPage;
          }
   }
  </code></pre>
  
  <p>UPDATE:
  I've also tried this one:</p>
  
  <pre><code>public App()
  {
      InitializeComponent();
  
      ServiceLocator.Instance.Add&lt;ICloudService, AzureCloudService&gt;();
      var navigationPage = new NavigationPage(Pages.MainPage.Instance);
      Pages.MainPage.Instance.Padding = new Thickness(0, 20, 0, 0);
  
      NavigationPage.SetHasNavigationBar(Pages.MainPage.Instance, false);
  
      MainPage = navigationPage;
  }
  </code></pre>