Add Collection View From Lables In MAUI

[MahdiElahi]

Hi ,
i want create a collection view like this image for my show recent search term in search content page

please help me
i want frame lable width set based on the text length on lable like image

i use this code but have some problems :

• the spacing between frames items is not good
• when scroll to right or left the border of frame is damage (see in images)

 <CollectionView ItemsSource="{Binding Tags}" VerticalOptions="Start">
            <CollectionView.ItemsLayout>
                <LinearItemsLayout Orientation="Horizontal"   ItemSpacing="10" />
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Frame Padding="5,0" 
                HorizontalOptions="Fill"
                VerticalOptions="Fill"
                BackgroundColor="#FAF9F6"
                CornerRadius="20"
                HasShadow="False"
                WidthRequest="{Binding Width}">

                    </Frame>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

first

after scroll to right or left

[stephenquan]

Have you considered swapping CollectionView for FlexLayout+BindableLayout?

[MahdiElahi]

Thanks @stephenquan