title: Background Image XAML
body: <p>I am trying to incorporate a background image into my App using Xaml. I have tried various different methods but none seem to working. My code at the minute is </p>
  
  <pre><code>&lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           xmlns:local="clr-namespace:Cabiee;assembly=Cabiee"
           BackgroundImage="CabieBackground.jpg"
           x:Class="Cabiee.Login"&gt;
  
      &lt;ContentPage.Content&gt;
  
      &lt;StackLayout VerticalOptions="CenterAndExpand" HeightRequest="500"&gt;
  
  
          &lt;Entry 
              x:Name="usernameEntry" 
              Placeholder="Email"/&gt;
          &lt;Entry 
              x:Name="passwordEntry"
              IsPassword="true" 
              Placeholder="*********"
              Completed="PasswordEntry_Completed"/&gt;
  
          &lt;StackLayout Orientation="Horizontal"&gt;
              &lt;Button 
                  x:Name="BtnCustomer"
                  Text="Customer"
                  HorizontalOptions="FillAndExpand"
                  VerticalOptions="FillAndExpand"
                  FontSize="30"
                  Clicked="BtnCustomer_Clicked"/&gt;
              &lt;Button
                  x:Name="BtnDriver"
                  Text="Driver"
                  HorizontalOptions="FillAndExpand"
                  VerticalOptions="FillAndExpand"
                  FontSize="30"
                  Clicked="BtnDriver_Clicked"/&gt;
          &lt;/StackLayout&gt;
          &lt;RelativeLayout HorizontalOptions="CenterAndExpand" &gt;
              &lt;Button  
                  x:Name="BtnRegister"
                  WidthRequest="300"
                  Text="Register"
                  FontSize="30"
                  Clicked="BtnRegister_Clicked"
              /&gt;
  
          &lt;/RelativeLayout&gt;
  
  
      &lt;/StackLayout&gt;
  
  
  &lt;/ContentPage.Content&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this what my solution explorer looks like: <a href="https://gyazo.com/0af186bbca7e8456dfb1e7b1bafcb7ad" rel="nofollow noreferrer">https://gyazo.com/0af186bbca7e8456dfb1e7b1bafcb7ad</a></p>
  
  <p>I have CabieBackground.jpg in my Resources folder so that is displays on android but when i run the code nothing appears on the screen, it just blank</p>
  
  <p>The background image was made in photoshop, the dimensions are: 640px by 1136 px with a resolution of 600 pixels/inch</p>