Xamarin Forms : Drawing a line under listview - xamarin.forms

Question

Dears,
I need to draw a Blue line under listview like the following picture:
My code is:
<StackLayout>
<Image
Source="blue_holo_circle.png">
<ListView>
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout
items inside listview like profile,name,time,like etc>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackLayout>
I know the code for drawing a line using BoxView :
<BoxView
VerticalOptions="Fill"
HorizontalOptions="Center"
WidthRequest="1"
Color="Blue"/>
But I don't know where I need to add the code for the line, I try to add before listview, but the line is not coming under the list.
Anybody suggest a solution for drawing a line under the list items(listview)?
Thanks in advance....

Answer 1

<ListView ItemsSource="{Binding Items}"
CachingStrategy="RecycleElement"
HasUnevenRows="True">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Padding="20">
<StackLayout Padding="5" BackgroundColor="LimeGreen">
<Label Text="{Binding .}"
Style="{DynamicResource ListItemTextStyle}" />
<Label Text="{Binding .}"
Style="{DynamicResource ListItemDetailTextStyle}"/>
</StackLayout>
<BoxView
VerticalOptions="Fill"
HorizontalOptions="Start"
WidthRequest="1"
Color="Blue"/>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
// Code Behind
public partial class ListViewPage1 : ContentPage
{
public ObservableCollection<string> Items { get; set; }
public ListViewPage1()
{
InitializeComponent();
Items = new ObservableCollection<string>
{
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5"
};
BindingContext = this;
}
}
Try like this....

Answer 2

Better use Grid to your requirement , it will be very useful and easy to understand the design we are up to.

Answer 3

This Resolved my Problem.
<StackLayout>
<BoxView HeightRequest="1" VerticalOptions="Fill" BackgroundColor="White" />
</StackLayout>
I used it in the Grid.
<Grid BackgroundColor="#0073E0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="20" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<StackLayout Grid.Column="1" Grid.Row="1">
<BoxView HeightRequest="1" VerticalOptions="Fill" BackgroundColor="White"/>
</StackLayout>
</Grid>