title: Xaml/Xamarin - HorizontalOptions not being followed by second child of container
body: <p>This is how my layout looks currently: <a href="https://i.stack.imgur.com/eFaLG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eFaLG.png" alt="Screencap"></a></p>
  
  <p>My intention is to have that Pending text in one line without it being character-wrapped onto two lines. </p>
  
  <p>My understanding of XAML was that I could do this by setting the yellow text label to something like <code>HorizontalOptions="Start"</code> with my text in green having <code>EndAndExpand</code> or <code>FillAndExpand</code> so that it's container would grow to meet it's width needs.</p>
  
  <p>As you can tell by the screenshot that hasn't worked out very well for me and I've spent hours trying every variation on this I can think of and I have gotten absolutely nowhere. </p>
  
  <p>The only way I can get the text to be shown on one line is to manually set the width, which is useless since it will be dynamic and can be short or long. Secondly, I could reduce the amount of yellow text (which does allow the green text to appear on one line), which is also useless since the titles will have roughly that length to them.</p>
  
  <p>I've also tried changing the <code>LineBreakMode</code> but that does nothing for layout and the characters that would normally be wrapped are instead not displayed.</p>
  
  <p>E: This is my XAML too:</p>
  
  <pre><code>&lt;StackLayout Orientation="Horizontal"&gt;
      &lt;Image Source="jamespaulprofileicon.jpg" 
             HeightRequest="70" 
             WidthRequest="70" 
             Margin="10,15,10,0" 
             HorizontalOptions="Start" 
             VerticalOptions="Start"/&gt;
  
      &lt;StackLayout HorizontalOptions="StartAndExpand" 
                   VerticalOptions="FillAndExpand" 
                   Orientation="Vertical"&gt;
          &lt;StackLayout Orientation="Horizontal" 
                       HorizontalOptions="EndAndExpand" 
                       BackgroundColor="Red"&gt;
              &lt;Label Text="This is a test title with a normal amount of text " 
                     Font="17" 
                     TextColor="Black" 
                     HorizontalOptions="Start" 
                     Margin="0" 
                     BackgroundColor="Yellow" /&gt;
              &lt;Frame BackgroundColor="Green" 
                     CornerRadius="14" 
                     Padding="0,0,0,0" 
                     Margin="0,0,0,0" 
                     HorizontalOptions="EndAndExpand" 
                     VerticalOptions="Start" 
                     HasShadow="False"&gt;
                  &lt;Label Text="Pending" 
                         Font="12" 
                         TextColor="White"  
                         HorizontalOptions="FillAndExpand" 
                         Margin="0,0,0,0"/&gt;
              &lt;/Frame&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p>Absolutely any and all help would be appreciated on this problem, thanks.</p>