Responsive Grid Implementation in Xamarin.Forms

JohnL1111 · August 2016

What would be the right way to create a responsive fluid grid in Xamarin.Forms? In the CSS world, this can be accomplished by using inline-block divs or flexboxes. What is the equivalent in Xamarin.Forms? (I don't consider checking screen sizes programatically and changing the column number as a responsive solution but rather an adaptive one as in media queries.)

LGMaestrelli · September 2016

I'm searching for the same thing...

Nothing good yet

Mabrouk · September 2016

Hi friends, @LGMaestrelli , @JohnL1111

Maybe that helps you :

    <Grid>
          <Grid.RowDefinitions>
          <RowDefinition Height="*"></RowDefinition>
          <RowDefinition Height="18"></RowDefinition>
           </Grid.RowDefinitions>
           <Grid.ColumnDefinitions>
           <ColumnDefinition Width="*"></ColumnDefinition>
           </Grid.ColumnDefinitions>
           <Label Grid.Row="0" Grid.Column="0" Text="Mabrouk" Font="Small" FontAttributes="Bold"  TextColor="Black" />
           <Label Grid.Row="1" Grid.Column="0" Text="MAHDHI" Font="Small"  TextColor="Black"/>
  </Grid>

DanielL · September 2016

You could use this: https://github.com/daniel-luberda/DLToolkit.Forms.Controls/tree/master/FlowListView

MalcolmJack · May 2017

not quite as cool as the FlowListView from Daniel - but super simple Forms PCL GridView here
Support for MaxColumns / ItemTemplate / ItemsSource bindings.

AgusSaputraSijabat · August 2017

Thanks

Xamarin

Quick Links

Responsive Grid Implementation in Xamarin.Forms

Answers