title: White background flashing when switching screens - React-Navigation v5
body: <p>I'm migrating a RN project version 4 to 5.</p>
  
  <p>When switching screens there was an issue with a white background flashing in.
  In v4 this was solved by setting <code>cardStyle: { backgroundColor: material.containerBgColor }</code> in the <code>StackNavigation</code> options.</p>
  
  <p>However in v5 I'm unable to fix it with the same approach:</p>
  
  <p><code>&lt;Stack.Navigator cardStyle={{ backgroundColor: material.containerBgColor }} ...&gt;</code></p>
  
  <p>White flash has come back. Any idea how to fix it? Thanks.</p>
  
  <p>Update:
  The structure of the navigation may be important:</p>
  
  <pre><code>const AppTabNavigator = () =&gt; (
    &lt;Tab.Navigator&gt;
      &lt;Tab.Screen name="Home" component={Home} /&gt;
      &lt;Stack.Screen name="ScreenD" component={ScreenD} /&gt;
      &lt;Stack.Screen name="ScreenE" component={ScreenE} /&gt;
      &lt;Stack.Screen name="ScreenF" component={ScreenF} /&gt;
    &lt;/Tab.Navigator&gt;
  )
  ...
    &lt;Stack.Navigator
      ...
      cardStyle={{ backgroundColor: material.containerBgColor }}
    &gt;
      &lt;Stack.Screen name="Home" component={AppTabNavigator} /&gt;
      &lt;Stack.Screen name="ScreenA" component={ScreenA} /&gt;
      &lt;Stack.Screen name="ScreenB" component={ScreenB} /&gt;
      &lt;Stack.Screen name="ScreenC" component={ScreenC} /&gt;
    &lt;/Stack.Navigator&gt;
  </code></pre>
  
  <p>Going from ScreenD to ScreenE does the flashing issue. I'm not sure about the other screens as they don't make any network request / async stuff.</p>