Es muy comun que nos pidan implementar tabs inferiores en Android y iOS, lo cual va mas alla de lo que Xamarin.Forms nos da, pero tranquilos siempre hay un paquete con un CustomRenderer al rescate :D

TL;DR;

El paquete se llama Naxam.BottomTabbedPage y aqui esta el enlace al proyecto en Github.

¿Cómo implementarlo?

  1. Nos aseguramos de que nuestro proyecto de Android tenga la version de sus librerias de soporte en 26.1.0.1 o superior.

  2. Instalamos el paquete Naxam.BottomTabbedPage en los 3 proyectos, android, iOS y el proyecto compartido.

  3. Ahora incluiremos el namespace a nuestro XAML.

     xmlns:naxam="clr-namespace:Naxam.Controls.Forms;assembly=Naxam.Controls.Forms"
    
  4. Cambiamos nuestra TabbedPage a BottomTabbedPage.

     <naxam:BottomTabbedPage
         xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:local="clr-namespace:Demo"
         xmlns:naxam="clr-namespace:Naxam.Controls.Forms;assembly=Naxam.Controls.Forms"
         x:Class="Demo.MainPage">
         <local:Page1 />
         <local:Page2 />
         <local:Page3 />
         <local:Page4 />
         <local:Page5 />
     </naxam:BottomTabbedPage>
    

Y voilà!!

Puedes revisar el video en nuestro canal de Youtube :) donde se muestran las personalizaciones que podemos realizar, no olvides subscribirte.