SwipeView design issue

Question

Hello

I want to put that trash icon more to the left, so when I start to swipe I can reveal the icon, like this

this is my collectionView

<CollectionView  
            ItemsSource="{Binding FireBaseNotebookNotes}"  
            SelectedItem="{Binding SelectedNotebook}"  
            SelectionChangedCommand="{Binding SelectedItemCommand}"  
            SelectionMode="Single">  
  
            <CollectionView.ItemTemplate>  
                <DataTemplate>  
                    <SwipeView>  
                        <SwipeView.LeftItems>  
                            <SwipeItems Mode="Execute">  
                                <SwipeItem  
                                    BackgroundColor="{StaticResource DeleteItemColor}"  
                                    Command="{Binding Source={RelativeSource AncestorType={x:Type vm:NotebooksPageModel}}, Path=DeleteNotebookCommand}}"  
                                    CommandParameter="{Binding .}"  
                                    Text="{translate:Translate Delete}">  
                                    <SwipeItem.IconImageSource>  
                                        <FontImageSource  
                                            FontFamily="fa"  
                                            Glyph="{Static icon:IconFont.TrashCan}"  
                                            Size="30" />  
                                    </SwipeItem.IconImageSource>  
                                </SwipeItem>  
                            </SwipeItems>  
                        </SwipeView.LeftItems>  
  
                        <yummy:PancakeView community:TouchEffect.PressedBackgroundColor="{StaticResource PressedItems}">  
  
                            <Grid Padding="5" RowDefinitions="Auto,1,Auto">  
  
                                <Label Style="{StaticResource BookIconStyle}" TextColor="{Binding Color}" />  
  
                                <Label  
                                    Margin="20,0,0,0"  
                                    Style="{StaticResource DateLabelStyle}"  
                                    Text="{Binding CreatedDate}" />  
  
                                <BoxView Grid.Row="1" />  
  
                                <Label  
                                    Grid.Row="2"  
                                    FontAttributes="Bold"  
                                    Text="{Binding Name}" />  
                            </Grid>  
                        </yummy:PancakeView>  
  
  
                    </SwipeView>  
                </DataTemplate>  
            </CollectionView.ItemTemplate>  
  
        </CollectionView>  
  

Project
https://github.com/eduardoagr/DuoNotes

Answer 1

Hello,​ EduardoGomez-1870

This is because you set the Mode of SwipeItem to Execute. The Execute mode indicates that a swipe executes the swipe items. If you want to reveal the icon, please remove the mode setting because Reveal is the default mode.

Here is the related doc, you could refer to: https://learn.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/swipeview#swipe-mode

Best Regards,

Jarvan Zhang

---

If the response is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.