title: Xamarin Forms - Implementing a nested list
body: <p>I have a list of details (Basket) and in each of those details, is another list (Fruits). I want to display these details and the very first thing I thought of, was a ListView inside a ListView. But when looking through suggestions, gave me results such as <a href="https://stackoverflow.com/q/35223540/7196681">this</a> and <a href="http://www.c-sharpcorner.com/article/horizontal-list-view-inside-list-view-in-xamarin-android/" rel="nofollow noreferrer">this</a> which mostly suggests that it is not a good idea to implement in Xamarin Forms.</p>
  
  <p>At the moment, I'm using FreshMvvM as my MvvM Framework. As for the data that I want to display, I have a set of baskets and each basket has several fruits. I want the images of those fruits to be displayed as well, which belongs to a particular basket. Please refer the image.</p>
  
  <p><a href="https://i.stack.imgur.com/zGdjr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zGdjr.png" alt="enter image description here"></a></p>
  
  <p>I would like to know if there are improvements to this or else, any other ideas of layouts as to how to implement my list or any other way to implement the above behaviour. Thank you.</p>
  
  <p>My code so far:<br>
  <strong>XAML:</strong>  </p>
  
  <pre><code>&lt;ListView ItemsSource="{Binding Baskets}" HasUnevenRows="True"&gt;
      &lt;ListView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;ViewCell&gt;
                  &lt;StackLayout&gt;
                      &lt;Label Text="{Binding BasketID}" /&gt;
                      &lt;ImageCell 
                          Text="{Binding FruitID}" 
                          Detail="{Binding FruitName}" 
                          ImageSource="{Binding ImageURL}"&gt;
                      &lt;/ImageCell&gt;
                  &lt;/StackLayout&gt;
               &lt;/ViewCell&gt;
           &lt;/DataTemplate&gt;
      &lt;/ListView.ItemTemplate&gt;
  &lt;/ListView&gt;
  </code></pre>
  
  <p>Classes:  </p>
  
  <pre><code>public class Basket
  {
      public string BasketID{ get; set; }
      public string BasketName{ get; set; }
  }
  
  public class Fruit
  {
      public string FruitID{ get; set; }
      public string FruitName{ get; set; }
      public string ImageURL{ get; set; }
  }
  </code></pre>