title: How do I alternate a label and a custom view in a StackLayout?
body: <p>I am trying to create a layout for a group edit page that contains 3 custom views and a label for each one:</p>
  
  <pre class="lang-xml prettyprint-override"><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"
               xmlns:vm="clr-namespace:...;assembly=..."
               xmlns:view="clr-namespace:...;assembly=..."
               x:Class="..."
               Title="Configure Group"&gt;
    &lt;ScrollView&gt;
      &lt;StackLayout Padding="20"&gt;
        &lt;Label Text="Person 1" Font="Large"/&gt;      
        &lt;view:EditPersonView/&gt;
        &lt;Label Text="Person 2" Font="Large"/&gt;
        &lt;view:EditPersonView/&gt;
        &lt;Label Text="Person 3" Font="Large"/&gt;
        &lt;view:EditPersonView/&gt;
      &lt;/StackLayout&gt;
    &lt;/ScrollView&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p>EditPersonView.cs</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentView xmlns="http://xamarin.com/schemas/2014/forms"
                     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                     xmlns:vm="clr-namespace:...;assembly=..."
                     x:Class="...EditPersonView"&gt;
      &lt;ContentView.BindingContext&gt;
          &lt;vm:PersonViewModel/&gt;
      &lt;/ContentView.BindingContext&gt;
      &lt;StackLayout&gt;
          &lt;StackLayout HorizontalOptions="FillAndExpand"&gt;
              &lt;Label Text="Date of Birth"/&gt;
              &lt;DatePicker Date="{Binding DateOfBirth, Mode=TwoWay}"/&gt;
          &lt;/StackLayout&gt;
          &lt;StackLayout HorizontalOptions="FillAndExpand"&gt;
              &lt;Label Text="Gender"/&gt;
              &lt;Picker x:Name="GenderPicker"
                      SelectedIndex="{Binding SelectedGenderIndex, Mode=TwoWay}"/&gt;
          &lt;/StackLayout&gt;
          &lt;StackLayout HorizontalOptions="FillAndExpand"&gt;
              &lt;Label Text="Smoking Habit"/&gt;
              &lt;Picker x:Name="SmokingHabitPicker"
                      SelectedIndex="{Binding SelectedSmokingHabitIndex, Mode=TwoWay}"/&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/ContentView&gt;
  </code></pre>
  
  
  
  <p>When this is rendered I get all 3 labels at the top followed by the 3 custom views and not the expected Label then custom view pattern.  How do I get the alternating pattern that I am expecting?</p>