Xamarin.Forms OnPlatform - TabbedPage vs NavigationPage

I switched my start page from a NavigationPage to a TabbedPage and all of a sudden the content overwrote the the carrier/battery row.

 

I looked into this and discovered that the TabbedPage does not offset itself below this header in iOS (but works for android and windows). The solution is to add a platform dependent offset or padding thickness of 20 pixels.

 

 

Note: if you get the exception: "XamlParseException Type OnPlatform not found in xmlns http://xamarin.com/schemas/2014/forms"
... then change the xmlns namespace:
 - from "xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 - to "xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml".

References:

OnPlatform: https://developer.xamarin.com/guides/xamarin-forms/platform-features/device/#Device.OS

Monkey TabbedPage example: https://developer.xamarin.com/samples/xamarin-forms/Navigation/TabbedPage