title: Xamarin Forms ListView Stepper Binding
body: <p>I am trying to make an application using Xamarin Forms which has a menu (using ListView) and near each dish, there is a stepper and price. </p>
  
  <p>In the end when a user finished with deciding which meals he want and how many of each, I want to count Total Price but I have no idea how to do it. </p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="Eba_face.MenuPage"
               Title="Menu"&gt;
    &lt;Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"&gt;
      &lt;ListView x:Name="listview"
                HasUnevenRows="True"
                VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"&gt;
        &lt;ListView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
            &lt;ViewCell&gt;
              &lt;StackLayout Orientation="Horizontal" Padding="5"&gt;
  
  
                &lt;StackLayout Orientation="Vertical"&gt;
                  &lt;Image x:Name="image" Source="{Binding Image}" WidthRequest="75" HeightRequest="75"/&gt;
                  &lt;Label Text="{Binding Name}" FontAttributes="Bold"/&gt;
                &lt;/StackLayout&gt;
  
                &lt;StackLayout Orientation="Vertical"&gt;
                  &lt;Label Text="{Binding Weight, StringFormat='Weight {0}'}"/&gt;
                  &lt;Label Text="{Binding Price}" TextColor="Gray"/&gt;
                &lt;/StackLayout&gt;
  
                &lt;StackLayout HorizontalOptions="EndAndExpand"&gt;
                  &lt;Stepper x:Name="stepper" ValueChanged="Handle_StepperValueChanged"/&gt;
                  &lt;Label Text="{Binding Source={x:Reference stepper}, Path=Value}" HorizontalOptions="Center"/&gt;
                &lt;/StackLayout&gt;
  
  
              &lt;/StackLayout&gt;
            &lt;/ViewCell&gt;
          &lt;/DataTemplate&gt;
        &lt;/ListView.ItemTemplate&gt;
      &lt;/ListView&gt;
      &lt;StackLayout Orientation="Vertical" VerticalOptions="End" HorizontalOptions="Center"&gt;
        &lt;Label x:Name="totalPriceLabel" Text="Total Price:" HorizontalOptions="Center"/&gt;
        &lt;Button Text="Proceed to finish the order"  /&gt;
  
      &lt;/StackLayout&gt;
  
    &lt;/Grid&gt;
  &lt;/ContentPage&gt;
  </code></pre>