title: Android shared element "hero" transitions when obscured
body: <p>With Android Lollipop we can do shared element transitions on images so that when you open the "detail" view you can animate an image to expand to a larger size in the new screen.</p>
  
  <p>This all works fine but when an image appears underneath a navigation component (e.g. SearchBar on Google Photos or a tab layout), the enter and exit animation isn't as clean as it should be.</p>
  
  <p>On the (re)enter animation for example you can see the image being drawn and then suddenly the tab layout will appear above it in a very jerky way. An example would be if you clicked on any of the top 3 images in the below screenshot.</p>
  
  <p>Has anyone got any tips on how to make this smoother?</p>
  
  <p><a href="https://i.stack.imgur.com/uW6L1.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uW6L1.jpg" alt="Example image"></a> </p>