DLToolkit.Forms.Controls
DLToolkit.Forms.Controls copied to clipboard
Content Compressed and will not Scroll
I have the following code:
<flv:FlowListView FlowColumnCount="3"
SeparatorVisibility="None"
BackgroundColor="White"
HasUnevenRows="false"
FlowItemsSource="{Binding Activities}"
FlowItemTappedCommand="{Binding ItemTappedCommand}"
VerticalOptions="FillAndExpand"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.02}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.33}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=1.00}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.57}">
<flv:FlowListView.FlowColumnTemplate>
<DataTemplate>
<StackLayout Orientation="Vertical">
<Image Source="{Binding ImageNameString}" VerticalOptions="Start" HorizontalOptions="FillAndExpand"/>
<nativeModels:CustomLabel HorizontalOptions="FillAndExpand"
FontSize="12"
VerticalOptions="End"
Text="{Binding ActivityName}"/>
</StackLayout>
</DataTemplate>
</flv:FlowListView.FlowColumnTemplate>
</flv:FlowListView>
The items in the view refuse to scroll and are laid out overlapping so they fit inside the size assigned to the FLV. How can I get FLV to scroll it's contents?
It renders like this at the moment: ScreenShot
The root layout for the Page is a RelativeLayout. Could this be the source of the issue?
I thought it could be related to the StackLayout
in the DataTemplate
so I tried using a Grid
but it threw an exception as it needs a View
to be returned (there are some demos in the samples that use a grid though which was confusing).
How can I get the items to display properly? I noticed another Issue reported here with the exact opposite issue and as far as I can tell my setup is pretty much identical yet I have the opposite problem. Any help appreciated.