title: StaggeredGridLayout messes up when scrolling up
body: <p>I made this <code>StaggeredGridLayout</code> for my <code>RecyclerView</code>: 
  <a href="https://i.stack.imgur.com/8mFx8.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/8mFx8.jpg" alt="enter image description here"></a></p>
  
  <p>Here's the code:</p>
  
  <pre><code> @Override
  public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
  
      Photo photo = mPhotos.get(position);
  
      TextView titleView = ((CellViewHolder) viewHolder).titleTextView;
          titleView.setText(photo.getTitle());
  
      TextView subTitleView = ((CellViewHolder) viewHolder).subtitleTextView;
          subTitleView.setText(photo.getName());
  
      Picasso.with(mContext).load(photo.getPhotoUrl()).into(((CellViewHolder) viewHolder).imageView);
  
      ImageView userImageOverlay = ((CellViewHolder) viewHolder).userImageOverlay;
  
      StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
  
      if (position == 0 || position % 4 == 0) {
          layoutParams.setFullSpan(true);
          layoutParams.height = Math.round(Utils.convertDpToPixel(202.67f, mContext));
          titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 21.67f);
          subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 12.00f);
          userImageOverlay.setVisibility(View.VISIBLE);
      } else if ((position - 1) % 4 == 0) {
          layoutParams.setFullSpan(false);
          layoutParams.height = Math.round(Utils.convertDpToPixel(360.00f, mContext));
          titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
          subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
          userImageOverlay.setVisibility(View.GONE);
      } else {
          layoutParams.setFullSpan(false);
          layoutParams.height = Math.round(Utils.convertDpToPixel(180.00f, mContext));
          titleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15.00f);
          subTitleView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10.00f);
          userImageOverlay.setVisibility(View.GONE);
      }
  }
  </code></pre>
  
  <p>Everything works fine except when I scroll it up. It draws cells by position in descending order and it leaves empty spaces in grid:</p>
  
  <p><a href="https://i.stack.imgur.com/dpzJv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dpzJv.png" alt="enter image description here"></a></p>
  
  <p><strong>Any ideas how to keep the same pattern even scrolling it up?</strong> </p>