title: Flutter popandpushNamed flashes white amidst navigation
body: <p>I am showing a splash screen for 3 seconds and then I use <code>popAndPushNamed()</code> to push to <code>WelcomeScreen()</code> but as it navigates, it flashes white between the navigation, it's a quick flash, like 500ms then it pushes next page, what could cause this</p>
  <pre><code>class SplashScreen extends StatefulWidget {
    static const id = '/';
    const SplashScreen({Key? key}) : super(key: key);
  
    @override
    State&lt;SplashScreen&gt; createState() =&gt; _SplashScreenState();
  }
  
  class _SplashScreenState extends State&lt;SplashScreen&gt; {
  
    void delay() async {
      await Future.delayed(const Duration(seconds: 2));
      if(!mounted) return;
      Navigator.popAndPushNamed(context, WelcomeScreen.id);
    }
    @override
    initState() {
      FlutterNativeSplash.remove();
      delay();
      super.initState();
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Container(
          constraints: BoxConstraints.expand(),
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(&quot;assets/images/splash_screen.png&quot;),
              fit: BoxFit.cover,
            ),
          ),
        ),
      );
    }
  }
  </code></pre>