title: How do I evenly distribute 4 controls within a Xamarin Forms horizontal StackLayout
body: <p>How do I evenly distribute 4 controls within a Xamarin Forms horizontal StackLayout.  I have it looking decent on an iPhone 4S but lousy on an iPhone 6 or iPad. The horizontal stack layout is the list item in a ListView.  I've tried a relative layout and a 1 row grid.  But what I have looks best (on the the 4S).  Thanks.</p>
  
  <p>I have a button, label, label, and a button, in that order.</p>
  
  <pre><code>        stackLayout = new StackLayout {
              Orientation = StackOrientation.Horizontal,
              HorizontalOptions = LayoutOptions.Center
          };
          deleteButton.Image = "minus.png";
          deleteButton.HorizontalOptions = LayoutOptions.Start;
  
          //label text width may vary from 4 to 16 characters
          displayLabel.SetBinding(Label.TextProperty, "Text");
          displayLabel.HorizontalOptions = LayoutOptions.Center;
          displayLabel.WidthRequest = 125;
  
          //label text is always 8 characters
          displayLabel2.SetBinding(Label.TextProperty, "Text2");
          displayLabel2.HorizontalOptions = LayoutOptions.Center;
  
          button2.Image = "plus.png";
          button2.HorizontalOptions = LayoutOptions.EndAndExpand;
  
          stackLayout.Children.Add(deleteButton);
          stackLayout.Children.Add(displayLabel);
          stackLayout.Children.Add(displayLabel2);
          stackLayout.Children.Add(button2);
  </code></pre>