title: How can I change the navigation bar icon color when my app comes back into focus?
body: <p>In my app, I can set the status bar and navigation colors fine. However, I have multiple screens and when a user, for example, presses their home button on their device and then resumes the app later, how can I change the color of the navigation bar when they resume?</p>
  
  <p>My specific issue is my navigation bar background color is white and when I exit the app and resume it later, the icons turn white which makes them impossible to see. Here's my build method (stripped of unnecessary code). I don't change the colors anywhere except here.</p>
  
  <pre><code>@override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.white,
      systemNavigationBarColor: Colors.white,
      systemNavigationBarIconBrightness: Brightness.dark,
    ));
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        elevation: 0,
        title: Text("App"),
        centerTitle: true,
        backgroundColor: Colors.white,
        brightness: Brightness.light,
      ),
      body: Container(),
    );
  }
  </code></pre>
  
  <p>Below is a picture of my app with the white navigation bar icon color.<a href="https://i.stack.imgur.com/vQ7He.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vQ7He.png" alt="actual result"></a></p>
  
  <p>Here's an image of what it should look like<a href="https://i.stack.imgur.com/m5GtB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m5GtB.png" alt="expected result"></a></p>