title: Xamarin aligning items in List View
body: <p>I am using the following xaml in xamrin forms to create an order details page with the list of orders in a sub list-view however I am having a biit of difficulty in aligning the list view items.</p>
  
  <pre><code>&lt;ContentPage.Content&gt;
    &lt;ScrollView&gt;
      &lt;StackLayout Spacing="2"&gt;
           &lt;Label Text="Order Number:"&gt;&lt;/Label&gt;
            &lt;Label Text="{Binding  Item.SopOrderNumber}" 
             LineBreakMode="NoWrap" 
             FontSize="20" /&gt;
              &lt;Label Text="Phone Number:" FontSize="20" &gt;&lt;/Label&gt;
              &lt;Label Text="{Binding  Item.TelephoneNumber}"/&gt;
              &lt;Button Command="{Binding SubmitCommand}"  Text="Click To Call"  TextColor="White"  
                  FontAttributes="Bold" FontSize="Large" HorizontalOptions="FillAndExpand"  
                  BackgroundColor="#088da5" /&gt; 
              &lt;Label Text="{Binding  Item.CustomerName}" 
                              LineBreakMode="NoWrap" 
                             FontSize="20"  /&gt;                                        
              &lt;Label Text="Order Status"                         
              HorizontalOptions="StartAndExpand" /&gt;              
              &lt;Picker x:Name="picker" Title="Order Status"&gt;
                  &lt;Picker.ItemsSource &gt;
                      &lt;x:Array Type="{x:Type x:String}"&gt;
                          &lt;x:String&gt;Delivered&lt;/x:String&gt;
                          &lt;x:String&gt;Damaged&lt;/x:String&gt;
                          &lt;x:String&gt;Missing&lt;/x:String&gt;
                      &lt;/x:Array&gt;
                  &lt;/Picker.ItemsSource&gt;
              &lt;/Picker&gt; 
  
              &lt;Label Text="Order Details" FontSize="Large"&gt;&lt;/Label&gt;
              &lt;ListView x:Name="DeliveryItemsList" HeightRequest="80" HasUnevenRows="True" &gt;
                      &lt;ListView.ItemTemplate &gt;
                          &lt;DataTemplate&gt;
                              &lt;ViewCell&gt;
                                  &lt;StackLayout Orientation="Horizontal"&gt;
                                  &lt;StackLayout Orientation="Horizontal" Padding="10" Spacing="15"&gt;
                                      &lt;Label Text="{Binding ItemNumber}" FontSize="20" &gt;&lt;/Label&gt;
                                      &lt;Label Text="{Binding StockCode}"  FontSize="20" TextColor="Gray"&gt;&lt;/Label&gt;
                                      &lt;Label Text="{Binding StockDescription}"  FontSize="20" TextColor="Gray"&gt;&lt;/Label&gt;
                                      &lt;Label Text="{Binding Price}" TextColor="Gray"  FontSize="20" &gt;&lt;/Label&gt;
                                      &lt;Label Text="{Binding Qty}" TextColor="Gray"  FontSize="20" &gt;&lt;/Label&gt;
                                  &lt;/StackLayout&gt;
  
                                  &lt;/StackLayout&gt;
                              &lt;/ViewCell&gt;
                          &lt;/DataTemplate&gt;
                      &lt;/ListView.ItemTemplate&gt;
                  &lt;/ListView&gt;
  
                  &lt;Label Text="Notes"                           
              HorizontalOptions="StartAndExpand"             
                 /&gt;
              &lt;Editor x:Name="txtNotes"
                      VerticalOptions="FillAndExpand" HeightRequest="20"&gt;&lt;/Editor&gt;
  
                    &lt;Sig:SignaturePadView x:Name="signaturePad" /&gt;
  
              &lt;Image x:Name="PhotoSource" &gt;&lt;/Image&gt;
  
              &lt;Button Command="{Binding SubmitCommand}"  Text="Take Picture of Delivery" x:Name="btnTakePhto" Clicked="BtnTakePhto_Clicked"  TextColor="White"  
                  FontAttributes="Bold" FontSize="Large" HorizontalOptions="FillAndExpand"  
                  BackgroundColor="#088da5" /&gt;
  
              &lt;Button Text="Update Order" BackgroundColor="AliceBlue"  Clicked="Update_Order_Clicked"&gt;&lt;/Button&gt;
              &lt;Button Text="Update Order and Goto Next Job" BackgroundColor="AliceBlue"  Clicked="Update_Order_Clicked"&gt;&lt;/Button&gt;
  
          &lt;/StackLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/ContentPage.Content&gt;
  </code></pre>
  
  <p>As you can see from the image the items in the Listview are not in line with each other how can i make them so aligned.</p>
  
  <p><img src="https://i.imgur.com/RuLAy5P.png" alt=""></p>
  
  <p><strong>Edit 2</strong>
  Hi Again I AM afraid I tried the below answer but it didn't work in end it looked sound.</p>
  
  <p><a href="https://i.stack.imgur.com/5iaCc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5iaCc.png" alt="enter image description here"></a></p>
  
  <pre><code>    &lt;ListView x:Name="DeliveryItemsList" HeightRequest="80" HasUnevenRows="True" &gt;
  
  &lt;ListView.ItemTemplate &gt;
              &lt;DataTemplate&gt;
                  &lt;ViewCell&gt;
                      &lt;Grid&gt;
                          &lt;Grid.ColumnDefinitions&gt;
                              &lt;ColumnDefinition Width="*"/&gt;
                              &lt;ColumnDefinition Width="*"/&gt;
                              &lt;ColumnDefinition Width="*"/&gt;
                              &lt;ColumnDefinition Width="*"/&gt;
                              &lt;ColumnDefinition Width="*"/&gt;
                          &lt;/Grid.ColumnDefinitions&gt;
                      &lt;/Grid&gt;
  
                      &lt;Label Text="{Binding ItemNumber}" FontSize="20" &gt;&lt;/Label&gt;
                      &lt;Label Text="{Binding StockCode}"  FontSize="20" TextColor="Gray"&gt;&lt;/Label&gt;
                      &lt;Label Text="{Binding StockDescription}"  FontSize="20" TextColor="Gray"&gt;&lt;/Label&gt;
                      &lt;Label Text="{Binding Price}" TextColor="Gray"  FontSize="20" &gt;&lt;/Label&gt;
                      &lt;Label Text="{Binding Qty}" TextColor="Gray"  FontSize="20" &gt;&lt;/Label&gt;
                  &lt;/ViewCell&gt;
              &lt;/DataTemplate&gt;
          &lt;/ListView.ItemTemplate&gt;
  
  &lt;/ListView&gt;
  </code></pre>