title: Create a custom Grid Item in Xamarin
body: <p>I have a GridLayout in my Xamarin.Forms App and I would like each element in the grid shown here:</p>
  
  <p><a href="https://i.stack.imgur.com/Wi1w9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wi1w9.png" alt="enter image description here"></a></p>
  
  <p>to be an instance of something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/17a5Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/17a5Q.png" alt="Each cell in the grid"></a></p>
  
  <p>Where each element (brand, picture, price, seller etc.) is set by getting a value from an array and placing that value into the cell.</p>
  
  <p>For example, if I am only using the brand and the picture (in the form of strings) for now, and I have just retrieved data from my SQL database in the form of two lists:
  (pseudocode)</p>
  
  <pre><code>brand = ["supreme","louisvuitton","addidas","addidas","bape"]
  picture = ["hoodie","tshirt","tracksuit","trainers","jacket"]
  </code></pre>
  
  <p>How can I create a class/content page that will take the next string from each list and add an item to the grid with these strings on it. So far I have tried creating a c# class like so:</p>
  
  <pre><code>class Item
  {
      public string brand { get; set; }
      public string picture { get; set; }
  
      Button Background = new Button
      {
          BackgroundColor = Color.FromHex("#EEEEEE"),
      };
      Label label = new Label
      {
          Text = brand
      };
      Label label2 = new Label
      {
          Text = picture
      };
  </code></pre>
  
  <p>I am aware that I have to add the Button and Labels to a Layout of some sort but I don't know how to get my item onto the grid in the first place. I am using xaml for the page with the grid on it btw. Any help would be appreciated :)</p>