<p dir="auto">I have an iOS app.<br>
I have set a launch screen image in xCode.<br>
I set the same image in a container in the main scaffold.<br>
But I see a brief flash of white (or whatever color the scaffold background is) between the launch image and scaffold image. How can I get rid of that?</p>
<p dir="auto">I am trying to figure out this blank screen that shows up between the LaunchImage and my app's first screen. Has anyone noticed that. this is the code I wrote for a simple test.</p>
<div class="highlight highlight-source-dart notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="void main() =&gt; runApp(        
    new MaterialApp(
            debugShowCheckedModeBanner: false,
            title: &quot;Sample App&quot;,
            theme: new ThemeData(
                primarySwatch: Colors.yellow,
            ),
            home: new Scaffold(
                        backgroundColor: Colors.red,                        
                        body:new Container(
                            child: new Center(
                                child: new Text (&quot; Sample App &quot;, 
                                    style: new TextStyle( fontSize: 20.0, color: Colors.white ),
                                )
                            )
                        )
                    )
        )
    );"><pre class="notranslate"><span class="pl-k">void</span> <span class="pl-en">main</span>() <span class="pl-k">=&gt;</span> <span class="pl-en">runApp</span>(        
    <span class="pl-k">new</span> <span class="pl-c1">MaterialApp</span>(
            debugShowCheckedModeBanner<span class="pl-k">:</span> <span class="pl-c1">false</span>,
            title<span class="pl-k">:</span> <span class="pl-s">"Sample App"</span>,
            theme<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">ThemeData</span>(
                primarySwatch<span class="pl-k">:</span> <span class="pl-c1">Colors</span>.yellow,
            ),
            home<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">Scaffold</span>(
                        backgroundColor<span class="pl-k">:</span> <span class="pl-c1">Colors</span>.red,                        
                        body<span class="pl-k">:</span><span class="pl-k">new</span> <span class="pl-c1">Container</span>(
                            child<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">Center</span>(
                                child<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">Text</span> (<span class="pl-s">" Sample App "</span>, 
                                    style<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">TextStyle</span>( fontSize<span class="pl-k">:</span> <span class="pl-c1">20.0</span>, color<span class="pl-k">:</span> <span class="pl-c1">Colors</span>.white ),
                                )
                            )
                        )
                    )
        )
    );</pre></div>
<p dir="auto">Here is a video of what happens .,.. see the bklack screen between the launch screen (with logo) and the red screen ... (from 1 secs to about 4 secs.)</p>
<p dir="auto"><a href="https://youtu.be/EpB_AdekLNc" rel="nofollow">https://youtu.be/EpB_AdekLNc</a></p>
<p dir="auto">The Android equivalent of this issue is <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="361496461" data-permission-text="Title is private" data-url="https://github.com/flutter/flutter/issues/22007" data-hovercard-type="issue" data-hovercard-url="/flutter/flutter/issues/22007/hovercard" href="https://github.com/flutter/flutter/issues/22007">#22007</a>.</p>