This is a migrated thread and some comments may be shown as answers.

ItemSwipeContentTemplate is not animating out on swipe out

3 Answers 146 Views

ListView

This is a migrated thread and some comments may be shown as answers.

Brenden asked on 09 Feb 2021, 07:42 PM

When trying to swipe on iOS a drawer with row options, the items appear, but there is no animation, the moment we start swiping the items just appear as if hiding and unhiding

<telerikDataControls:RadListView

x:Name="SongList"

Grid.Row="1"

Margin="20,0,0,0"

BackgroundColor="Transparent"

IsItemSwipeEnabled="{Binding SongManagementViewModel.SwipeEnabled}"

IsPullToRefreshEnabled="{OnPlatform Android=true,

iOS=true,

UWP=false}"

IsVisible="{Binding ImportedIsVisible, Converter={StaticResource InverseBoolConverter}, FallbackValue=true}"

ItemTapped="SongList_OnItemTapped"

ItemsSource="{Binding SongManagementViewModel.Songs}"

RefreshRequested="SongList_OnRefreshRequested"

SelectionMode="Single"

SwipeOffset="0, 0, 230, 0"

VerticalOptions="FillAndExpand">

<telerikDataControls:RadListView.ItemSwipeContentTemplate>

<DataTemplate>

<Grid

Margin="0"

Padding="0"

ColumnSpacing="0"

RowSpacing="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<Button

Grid.Column="1"

BackgroundColor="{x:Static forms:Colors.MedBlue}"

Command="{Binding InfoCommand}"

Style="{StaticResource SlideOutOption}"

Text="Info" />

<Button

Grid.Column="2"

BackgroundColor="Black"

Command="{Binding AddToCommand}"

Style="{StaticResource SlideOutOption}"

Text="Add" />

<buttons:WordWrapButton

Grid.Column="3"

BackgroundColor="{Binding SongActionButtonColor}"

Command="{Binding SongActionCommand}"

Style="{StaticResource WordWrapSlideOutOption}"

Text="{Binding SongActionLabel}"

WidthRequest="{Binding SongActionButtonSize}" />

</Grid>

</DataTemplate>

</telerikDataControls:RadListView.ItemSwipeContentTemplate>

ItemSwipeContentTemplate is not animating out on swipe out

3 Answers, 1 is accepted