Xamarin.Forms | Eliminar margenes entre Grids

Xamarin.Forms es una gran ayuda a la hora de desarrollar aplicaciones para las tres principales plataformas móviles (Windows, iOS y Android), pero aveces si no ponemos atencion se nos escapan algunas cositas. Por ejemplo con los Grids, ya que la interpretación que hace para cada una de las plataformas de los controles es muy distinta y por defecto para iOS y Android deja un espacio entre las Grids.

Porque pasa esto ?

Pues porque no hemos indicado el padding a las celdas.

Como resolverlo ?

Para resolver este “problema” tan sólo tienes que hacer uso de una propiedad de los Grids, “RowSpacing

como muestra el siguiente code

<Grid RowSpacing="0">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>;
    </Grid.RowDefinitions>
    <Label Grid.Row="0" Text="Item 1" />
    <Label Grid.Row="1" Text="Item 2" />
    <Label Grid.Row="2" Text="Item 3" />
</Grid>

así solucionamos  el problema en las tres plataformas y conseguiremos prácticamente la “misma” visualización en todas las plataformas; dependiendo de los controles que pongas como contenido de cada una de las celdas del Grid.

Comments

Dejar una contestacion

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *