Desde el lanzamiento del iPhone X, hay un “notch” en la parte superior de la pantalla en los dispositivos iOS que tiende a ser molesto porque se sobrepone al contenido de nuestra aplicación. Normalmente tendrías que agregar algún tipo de margen para evitar este problema. El mayor inconveniente con este enfoque es que debes tener en cuenta si el teléfono estaba en modo horizontal o vertical y adecuar el margen según este criterio.

Para evitar esta frustración se introdujo el flag SafeArea a Xamarin Forms que puedes configurar en tu Page para asegurarte que el framework se haga cargo de los margenes dependiendo de la orientación del dispositivo.

Puedes configurarlo en C#:

O utilizando XAML, fijate en el ejmplo debajo como se declara primero el namespace donde reside el flag como ios y luego se utiliza con ios:UseSafeArea

Y voilá, obtienes algo como esto:

Una cosa muy importante a tener en cuenta es que se debe establecer este indicador para cada página que tengas en pantalla. Digamos, por ejemplo, que tienes un MasterDetailPage que se ve así:

To fix it you would have to set the safe area to both the Mater and the Detail Page as follows:

Para solucionarlo, tendrías que configurar el área segura tanto para el Mater como para el Detail de la siguiente manera:

Y ahora se ve así:

Este es otro artículo corto pero espero que haya sido útil. Si te gustó, compártalo en las redes sociales o en el grupo de tu iglesia local o donde sea. Realmente lo apreciaré mucho. Pasala bién.