FlowListView is a derivative of ListView for Xamarin.Forms with flowing, gridview like columns support. You can find the Nuget package fro...

FlowListView for Xamarin.Forms FlowListView for Xamarin.Forms

FlowListView for Xamarin.Forms

FlowListView for Xamarin.Forms

FlowListView is a derivative of ListView for Xamarin.Forms with flowing, gridview like columns support. You can find the Nuget package from Nuget Manager or simply include the plugin by using the following Nuget Information. 
Install-Package DLToolkit.Forms.Controls.FlowListView -Version 2.0.10

Features:

  • DataTemplate and DataTemplateSelector support
  • Fixed or automatic column count
  • Grouping support
  • Columns can expand to empty space (configurable)
  • Infinite loading, empty group cell, customzed number of columns per group support. (thanks to @rudacs)
  • ANY View can be used as a cell
  • All Xamarin.Forms platforms supported
flowlist flowlist
flowlist flowlist flowlist
flowlist flowlist flowlist

Simple Example:

Init

Add the following to your App.xaml.cs
public App()
{
    InitializeComponent();
    FlowListView.Init(); 
}

Sample

<flv:FlowListView FlowColumnCount="3" SeparatorVisibility="None" HasUnevenRows="false"
    FlowItemTappedCommand="{Binding ItemTappedCommand}" FlowLastTappedItem="{Binding LastTappedItem}"
    FlowItemsSource="{Binding Items}" >

    <flv:FlowListView.FlowColumnTemplate>
        <DataTemplate>
            <Label HorizontalOptions="Fill" VerticalOptions="Fill" 
                XAlign="Center" YAlign="Center" Text="{Binding Title}"/>
        </DataTemplate>
    </flv:FlowListView.FlowColumnTemplate>

</flv:FlowListView>
For other examples see sample app: FlowListView Examples (TIP: Clone repo, open the solution, build it and run sample app.)

FAQ

How can I disable entire row highlighting when tapped?

Make a custom renderers for FlowListViewInternalCell in platforms specific projects which disable ListView row highlighting. Examples: Android iOS Windows

How can I have variable row height? (basing on content, different sizes for header and items)

Set HasUnevenRows property to true.

Why FlowListView isn't working in Release mode?

Sometimes (eg. if you're using XAML only views) linker may remove dlls needed by FlowListView. To avoid that use: FlowListView.Init() somewhere in your code.

Android: Getting exceptions when using Entry views

See: https://github.com/daniel-luberda/DLToolkit.Forms.Controls/issues/61

0 comments: