title: Using Button with image and text in Xamarin Forms
body: <p>I am new to Xamarin forms and has a basic question to find out the best approach of using Buttons with Image and Text in Xamarin forms. </p>
  
  <p>The task is to design a main page having buttons layout as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/yv5is.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yv5is.png" alt="enter image description here"></a></p>
  
  <p>I am able to complete this layout using Buttons and StackLayout. I used the ContentLayout property of Button to set the alignments (for example): </p>
  
  <ol>
  <li>ContentLayout="Right, <strong>80</strong>"</li>
  <li>ContentLayout="Right, <strong>25</strong>"</li>
  <li>ContentLayout="Right, <strong>100</strong>"</li>
  <li>ContentLayout="Right, <strong>10</strong>"</li>
  </ol>
  
  <p>This way the image goes to right and the spacing defines the space between text and image. I have to set different spacing for each button that seems to be wrong. I did not find any better way to set the Text as left aligned and it seems to be centered aligned by default.</p>
  
  <p>Is there any property of Button that can be used to left align the button text. Or what will be the better approach to have buttons with this basic design.</p>