How to create a horizontal listview in Xamarin.Forms?

1 min read

The Xamarin.Forms ListView displays an item in vertical or horizontal view by setting the Orientation property of ListView. The default orientation is vertical. The horizontal listview supports all the essential features such as grouping, swiping, template selector, pull-to-refresh, load more and much more.

xaml

<ContentPage xmlns:sync="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
             xmlns:dataSource="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable">
    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid x:Name="headerGrid" HeightRequest="45">
                <Label Text="Photo Gallery"/>
            </Grid>
            <syncfusion:SfListView x:Name="listView" Orientation="Horizontal"
                                   SelectionMode="None" Grid.Row="1"
                                   ItemsSource="{Binding Gallerynfo}">
                <syncfusion:SfListView.ItemTemplate>
                    <DataTemplate>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="48" />
                                </Grid.RowDefinitions>
                                <Image Source="{Binding Image}" Aspect="Fill"/>
                                <Label Grid.Row="1" Text="{Binding ImageTitle}"/>
                            </Grid>
                    </DataTemplate>
                </syncfusion:SfListView.ItemTemplate>
            </syncfusion:SfListView>
        </Grid>
    </ContentPage.Content>
</ContentPage>