The latest articles on DEV Community by Johngorithm (@johngorithm). https://dev.to/johngorithm https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F197617%2Fecf7aac2-90ac-4bea-9f26-d00dd0da1272.jpeg https://dev.to/johngorithm en Johngorithm Wed, 15 Apr 2020 14:44:29 +0000 https://dev.to/johngorithm/answer-icon-s-color-in-status-bar-flutter-4lj https://dev.to/johngorithm/answer-icon-s-color-in-status-bar-flutter-4lj <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <h1> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nfpfhxRD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-7a8ef189e4f15e79cc8edc0cd3cff97b77dbaf61e8d5bee3c7507ace7d776b83.svg" alt=""> <a href="https://stackoverflow.com/questions/57974569/icons-color-in-status-bar-flutter/61231594#61231594" rel="noopener noreferrer"> <span class="title-flare">answer</span> re: Icon's color in status bar (Flutter) </a> </h1> <div class="ltag__stackexchange--post-metadata"> <span>Apr 15 '20</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/57974569/icons-color-in-status-bar-flutter/61231594#61231594" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s---Gu-KklO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-d310ac55a57f00b74b1303a08e0f2e3cdea8fea5989fa5d70f506008aa86428b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nOzY64sa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-fd895e09c6a93e39464cad43d727a293eae44c7228c087e86d478214a271c794.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>Add the Snippet below to your <code>main.dart</code>. <code>setSystemUIOverlayStyle</code> allows one to change System overlay styles if any. This will do the job globally in your app.</p> <pre><code>SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( statusBarColor: Colors.transparent, statusBarIconBrightness: Brightness.dark)); </code></pre> <p>This will give you the effect below(iOS &amp; Android). Play around with the properties in <code>SystemUiOverlayStyle</code> to get…</p> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/57974569/icons-color-in-status-bar-flutter/61231594#61231594" rel="noopener noreferrer">Open Full Answer</a> </div> </div>