Hello.
I have sfListView where I add shChipsGroup in items.
My XAML:
<xForms:SfListView ItemsSource="{Binding Items}" AutoFitMode="Height">
<xForms:SfListView.ItemTemplate>
<DataTemplate>
<Grid RowSpacing="0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="1" />
</Grid.RowDefinitions>
<Grid RowSpacing="0" Padding="8,0,8,10">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="10" />
</Grid.ColumnDefinitions>
<StackLayout Orientation="Vertical" VerticalOptions="Start" Grid.Row="0" Grid.Column="0">
<Label Grid.Row="1" Text="{Binding Name}"/>
<Label Grid.Row="1" Text="{Binding CategoryName}" />
<Label Grid.Row="1" Text="{Binding TypeName}"/>
<Label Grid.Row="1" Text="{Binding Description}"/>
<Label Grid.Row="1" Text="{Binding Price}"/>
</StackLayout>
<StackLayout Orientation="Vertical" VerticalOptions="Start" Grid.Row="1" Grid.ColumnSpan="2">
<buttons:SfChipGroup Grid.Row="1"
ItemsSource="{Binding Ingredients}"
ChipPadding="8,8,0,0"
Type="Action"
DisplayMemberPath="Name">
<buttons:SfChipGroup.ChipLayout>
<FlexLayout HorizontalOptions="Start"
VerticalOptions="Start"
FlexLayout.AlignSelf="Start"
Direction="Row"
Wrap="Wrap"
JustifyContent="Start"
AlignContent="Start"
AlignItems="Start">
</FlexLayout>
</buttons:SfChipGroup.ChipLayout>
</buttons:SfChipGroup>
</StackLayout>
</Grid>
<BoxView Grid.Row="2"
HeightRequest="1"
Opacity="0.75"
BackgroundColor="#CECECE" />
</Grid>
</DataTemplate>
</xForms:SfListView.ItemTemplate>
</xForms:SfListView>
When in FlexLayout I set Wrap="Wrap" my each row height has calculated is not correct.
Screen:
But when I change Wrap to "NoWrap" - the height is correct:
Can you help me?