Category / Section
How to apply fading edge effect (shadow) for listview item in Xamarin.Forms?
1 min read
You can provide edge effect (shadow) by adding Frame inside ItemTemplate.
XAML
<ContentPage xmlns:syncfusion="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"> <ContentPage.Content> <syncfusion:SfListView x:Name="listView" ItemSize="60" ItemsSource="{Binding customerDetails}"> <syncfusion:SfListView.ItemTemplate> <DataTemplate> <Grid Padding="2" Margin="2" > <Frame x:Name="frame" HasShadow="True" Padding="2" Margin="2"> <StackLayout> <Label Text="{Binding ContactName}" /> <Label Text="{Binding ContactNumber}" /> <Label Text="{Binding ContactType}" /> </StackLayout> </Frame> </Grid> </DataTemplate> </syncfusion:SfListView.ItemTemplate> </syncfusion:SfListView> </ContentPage.Content> </ContentPage>
Output:
Click here to download the sample.