DLToolkit.Forms.Controls icon indicating copy to clipboard operation
DLToolkit.Forms.Controls copied to clipboard

Content Compressed and will not Scroll

Open jamsoft opened this issue 6 years ago • 0 comments

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.

jamsoft avatar Sep 23 '18 15:09 jamsoft