title: Stack Layout on top of List view SCROLL
body: <p>How would I append a stack layout ontop of a listview so that it scrolls with the listview?</p>
  
  <p>I have tried putting the stack layout and listview inside a scroll view, but im getting a wierd overlap depending on where I scroll. (See below)</p>
  
  <p>I want the stack layout to be stuck to the listview and have them scroll together!</p>
  
  <p>before scrolling:</p>
  
  <p><a href="https://i.stack.imgur.com/8T3qe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8T3qe.png" alt="enter image description here"></a></p>
  
  <p>after scrolling:</p>
  
  <p><a href="https://i.stack.imgur.com/tWof9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tWof9.png" alt="enter image description here"></a></p>
  
  <p>CODE:</p>
  
  <pre><code>&lt;!-- Scrollview--&gt;
          &lt;ScrollView Grid.Row="2" Grid.Column="0" BackgroundColor="#4D148C"&gt;
              &lt;Grid RowSpacing="0"&gt;
                  &lt;Grid.RowDefinitions&gt;
                      &lt;RowDefinition Height="150"/&gt; &lt;!--detail --&gt;
                      &lt;RowDefinition Height="*"/&gt; &lt;!--related videos listview --&gt;
                  &lt;/Grid.RowDefinitions&gt;
  
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="*"/&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
  
                  &lt;!--detail --&gt;
                  &lt;StackLayout x:Name="VideoDetail" BackgroundColor="White" Grid.Row="0" Grid.Column="0" Padding="10, 10, 10, 10" Margin=" 0,0,0,3"&gt;
  
                      &lt;Label Text ="{Binding Title}" FontAttributes="Bold"/&gt;
                      &lt;Label Text ="{Binding View_Count}" TextColor="Gray"/&gt;
                      &lt;Label Text ="{Binding Author_By}" TextColor="Gray" /&gt;
                      &lt;Label Text ="{Binding Uploaded}" TextColor="Gray"/&gt;
  
  
                  &lt;/StackLayout&gt;
  
  
                  &lt;!--related videos listview --&gt;
                  &lt;ListView x:Name="VideoListView" HasUnevenRows="True" ItemTapped="ViewCellItem_Clicked" BackgroundColor="#4D148C" Grid.Row="1" Grid.Column="0"&gt;
                      &lt;ListView.ItemTemplate&gt;
                          &lt;DataTemplate&gt;
                              &lt;ViewCell&gt;
                                  &lt;ViewCell.View&gt;
                                      &lt;Grid RowSpacing="0" ColumnSpacing="10" BackgroundColor="White" Padding="10,10,10,10" Margin="0,0,0,3"&gt;
                                          &lt;!-- "left, top, right, bottom" --&gt;
                                          &lt;!-- "left, top, right, bottom" --&gt;
                                          &lt;Grid.RowDefinitions&gt;
                                              &lt;RowDefinition Height="auto"/&gt;
                                              &lt;RowDefinition Height="auto"/&gt;
                                              &lt;RowDefinition Height="auto"/&gt;
                                          &lt;/Grid.RowDefinitions&gt;
  
                                          &lt;Grid.ColumnDefinitions&gt;
                                              &lt;ColumnDefinition Width="auto"/&gt;
                                              &lt;ColumnDefinition Width="auto"/&gt;
                                          &lt;/Grid.ColumnDefinitions&gt;
  
                                          &lt;!-- Image Container --&gt;
  
                                          &lt;!-- NOTE: youtube thumnail dimensions are 128x72--&gt;
                                          &lt;Grid Grid.Row="0" Grid.Column="0" Grid.RowSpan="3"  BackgroundColor="Black"&gt;
                                              &lt;Grid.RowDefinitions&gt;
                                                  &lt;RowDefinition Height="72"/&gt;
                                              &lt;/Grid.RowDefinitions&gt;
  
                                              &lt;Grid.ColumnDefinitions&gt;
                                                  &lt;ColumnDefinition Width="128"/&gt;
                                              &lt;/Grid.ColumnDefinitions&gt;
  
                                              &lt;Image 
                                          Source="{Binding Thumbnail}" 
                                          Grid.Row="0" Grid.Column="0"
                                          HorizontalOptions="Center"
                                          VerticalOptions="Center"/&gt;
                                          &lt;/Grid&gt;
  
                                          &lt;Label 
                                              Text="{Binding Title}" 
                                              FontAttributes="Bold" 
                                              Grid.Row="0" Grid.Column="1" 
                                              VerticalTextAlignment="Center"/&gt;
                                          &lt;Label 
                                              Text="{Binding Author_Views}" 
                                              TextColor="Gray" 
                                              Grid.Row="1" Grid.Column="1" 
                                              VerticalTextAlignment="Center"/&gt;
                                          &lt;Label 
                                              Text="{Binding Uploaded}" 
                                              TextColor="Gray" 
                                              Grid.Row="2" Grid.Column="1" 
                                              VerticalTextAlignment="Center"/&gt;
                                      &lt;/Grid&gt;
                                  &lt;/ViewCell.View&gt;
                              &lt;/ViewCell&gt;
                          &lt;/DataTemplate&gt;
                      &lt;/ListView.ItemTemplate&gt;
                  &lt;/ListView&gt;
  
  
  
  
              &lt;/Grid&gt;   &lt;!-- inner grid --&gt;           
          &lt;/ScrollView&gt;
  </code></pre>