CODEWITHSUNDEEP
androidxamlxamarinxamarin.forms
AgentRed
AgentRed

Reputation: 72

Xamarin Forms - how to create a Horizontal ListView in xaml?

How to create Horizontal listview that has maximum of 3 row and more column it depends on the data just like in this picture

Concept Link:https://i.sstatic.net/cUJjB.jpg

This is my concept don't mind the design i just want to know how to create that kind of list view

Upvotes: 0

Views: 1842

Answers (2)

jamesfdearborn
jamesfdearborn

Reputation: 799

Set the ItemsPanel of the ListView to a horizontal StackPanel.

<ListView.ItemsPanel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Horizontal"></StackPanel>
    </ItemsPanelTemplate>
</ListView.ItemsPanel>

From this question.

Edit: This solution may actually not work for you. If it doesn't work, take a look at this library. It might help you.

Upvotes: 1

EvZ
EvZ

Reputation: 12179

You can try FlexLayout.

FlexLayout is similar to the Xamarin.Forms StackLayout in that it can arrange its children horizontally and vertically in a stack. However, the FlexLayout is also capable of wrapping its children if there are too many to fit in a single row or column, and also has many options for orientation, alignment, and adapting to various screen sizes.

More information can be found in the official documentation.

Upvotes: 1

Related Questions