Esta pagina se ve mejor con JavaScript habilitado

How to: Ocultar la barra de navegación y la barra de estatus en Xamarin.iOS y Xamarin.Android

 ·  ☕ 1 minutos lectura  ·  ✍️ Saturnino Pimentel

En algunas ocasiones por cuestiones de diseño se requiere quitar la barra de navegación nativa en nuestra aplicación así como la barra de estatus.

Eliminar la barra de navegación en Xamarin no requiere de mucho esfuerzo, solo debes agregar la siguiente línea de código en el constructor de tus páginas.

1
 NavigationPage.SetHasNavigationBar(this, false);

Para ocultar la barra de estatus en iOS necesitas abrir el archivo info.plist y agregar los siguientes tags al archivo.

1
2
3
4
5
6
<key>UIStatusBarHidden</key>
<true/>
<key>UIStatusBarHidden~ipad</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

Y en Android necesitas crear un estilo en el archivo Resources\values\Styles.xml parecido al siguiente:

1
2
3
4
<style name="MyTheme" parent="@android:style/Theme.Material">
<item name="android:windowFullscreen">true</item>
<item name="android:actionBarSize">0dp</item>
</style>

Y después asignar este estilo en el atributo Activity en MainActivity.cs

1
[Activity(Theme = "@style/MyTheme")]

Después de publicar este artículo @soreygarcia me ha hecho la observación de que debería utilizar el último tema @android:style/Theme.Material o cualquiera de sus variantes como base ya que ahora es el estándar en android, así que me permito modificar el script y dar las gracias por la actualización a Sorey.

Deseando te resulte útil este pequeño tip, me despido
¡Saludos!
@saturpimentel

compartir en

Saturnino Pimentel
Escrito por
Saturnino Pimentel
Software developer