title: React navigation 5 custom transition (fade)
body: <p>I am developing a React Native application using REACT NAVIGATION V5. I would like to add a custom transition for my navigation:
  fade out the current screen -> a white background -> fade in the new screen. </p>
  
  <p>I have tried cardStyleInterpolator but it's not working as expected. I have the fade effect but the current screen overlaps the new one. Here is my fade implementation:</p>
  
  <pre><code>export const forFade = ({ current, next, index, closing }) =&gt; {
      const opacity = current.progress.interpolate({
          inputRange: [0, index],
          outputRange: [0, 1],
      });
  
      return {
          cardStyle: {
              opacity,
          },
      };
  };
  </code></pre>
  
  <p>Any advice would be appreciated. </p>