<div id="readability-page-1" class="page"><div>
 <div id="SE-9e8b72f5-f920-44bb-b473-b35b42b94b07">
 <blockquote>
 도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :)
 </blockquote>
 </div>
 <div id="SE-45696864-460f-4b2c-aee5-07e1c42df353">
 ​​​개요​간혹 앱의 화면을 전체화면으로 사용하는 경우가 있다. 이럴때 앱 색상이 전체적으로 어두우면 Status Bar의 색을 light 로 하던가, 반대로 화면이 밝으면 Status Bar 색을 dark 로 바꿀수 있다.​​​SystemChrome​SystemChrome 이라는 녀석을 사용하여 수정해보자. SystemUiOverlayStyle.dark 혹은 SystemUiOverlayStyle.light 를 통해 바꿀수 있다.
 </div> <div id="SE-ecabdf1c-16cc-457a-a83f-232e67bb3e01">
 class _HomeState extends State&lt;Home&gt; {
 @override
 Widget build(BuildContext context) {
 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
 return const Scaffold(
 body: Center(
 child: Text("Hello"),
 ));
 }
}
 </div> <div id="SE-2661d824-41ee-41bd-b632-8065a0586a5c">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-d64a4272-94cf-4592-b3a5-ee926a47f0cc&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyMzAzMTRfMTUx/MDAxNjc4Nzc1NTYxMjMw.d6vNgM3lLvFxllDy9krqGo1GwdyJuH4wB1ySOMkieJ0g.MChqzK4CBWvYAnxEM6QJbH66oCjlFcFvn19UgNCrYxog.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-03-14_%EC%98%A4%ED%9B%84_3.32.38.png&quot;, &quot;originalWidth&quot; : &quot;474&quot;, &quot;originalHeight&quot; : &quot;967&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyMzAzMTRfMTUx/MDAxNjc4Nzc1NTYxMjMw.d6vNgM3lLvFxllDy9krqGo1GwdyJuH4wB1ySOMkieJ0g.MChqzK4CBWvYAnxEM6QJbH66oCjlFcFvn19UgNCrYxog.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-03-14_%EC%98%A4%ED%9B%84_3.32.38.png?type=w800" data-width="474" data-height="967" alt="">
 </a>
 
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-020dba2d-eaec-40dc-9b33-1f2bac7a91fe&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyMzAzMTRfMjUg/MDAxNjc4Nzc1NTUwNjU5.0tnvKoojCp40t7z-Wk6uMuvsot_wf08tnxEKzMjrmY0g.OH94eBHfaPW-KJHL8cNwFmlfi-yGii_nj66msFLS0GQg.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-03-14_%EC%98%A4%ED%9B%84_3.32.27.png&quot;, &quot;originalWidth&quot; : &quot;464&quot;, &quot;originalHeight&quot; : &quot;963&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyMzAzMTRfMjUg/MDAxNjc4Nzc1NTUwNjU5.0tnvKoojCp40t7z-Wk6uMuvsot_wf08tnxEKzMjrmY0g.OH94eBHfaPW-KJHL8cNwFmlfi-yGii_nj66msFLS0GQg.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-03-14_%EC%98%A4%ED%9B%84_3.32.27.png?type=w800" data-width="464" data-height="963" alt="">
 </a>
 
 </div> <div id="SE-47799cfe-0be1-465d-9f76-2e6570b8752b">
 ​​​커스터마이징​만약 더 세세하게 커스터마이징을 하고 싶다면 하단의 링크를 참고하자.
 </div> <div id="SE-8b7c41d2-2e9a-4943-a025-106de9bce715">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-8b7c41d2-2e9a-4943-a025-106de9bce715&quot;, &quot;src&quot; : &quot;https://blogfiles.pstatic.net/MjAyMTAzMTlfMTU1/MDAxNjE2MTM4MjkxMjM3.dNZls450pxypmf-DDgpsXyvvHMt06U7ZQUNXnOQA43Ug.vtGD-dfDsIyabzZVoo-fdyd2AIYUoQuMT74Plq4T10Yg.JPEG.writer0713/kakao.jpeg?type=w1&quot;, &quot;originalWidth&quot; : &quot;256&quot;, &quot;originalHeight&quot; : &quot;103&quot;, &quot;linkUse&quot; : &quot;true&quot;, &quot;link&quot; : &quot;https://qr.kakaopay.com/2810060110000443710583945dc00000&quot;}">
 <img src="https://blogfiles.pstatic.net/MjAyMTAzMTlfMTU1/MDAxNjE2MTM4MjkxMjM3.dNZls450pxypmf-DDgpsXyvvHMt06U7ZQUNXnOQA43Ug.vtGD-dfDsIyabzZVoo-fdyd2AIYUoQuMT74Plq4T10Yg.JPEG.writer0713/kakao.jpeg?type=w1" alt="">
 </a>
 
 카카오페이로 후원
 </div>
 <div id="SE-d6bd9823-fdf0-4ca2-843d-6f14a118bf86">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-d6bd9823-fdf0-4ca2-843d-6f14a118bf86&quot;, &quot;src&quot; : &quot;https://blogfiles.pstatic.net/MjAyMTAzMTlfMTIy/MDAxNjE2MTM4Mzk5Mjkz.7C8k50nPce6NqNspKw4-LN2u34aGtUxhR0Wv_mZH-xQg.U1KVzLLFEU4OaZ2KhamW_jV6_a4jVmvV0V3yY0uTl_Qg.JPEG.writer0713/kakao_qr.jpeg?type=w1&quot;, &quot;originalWidth&quot; : &quot;330&quot;, &quot;originalHeight&quot; : &quot;330&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://blogfiles.pstatic.net/MjAyMTAzMTlfMTIy/MDAxNjE2MTM4Mzk5Mjkz.7C8k50nPce6NqNspKw4-LN2u34aGtUxhR0Wv_mZH-xQg.U1KVzLLFEU4OaZ2KhamW_jV6_a4jVmvV0V3yY0uTl_Qg.JPEG.writer0713/kakao_qr.jpeg?type=w1" alt="">
 </a>
 
 카카오페이 QR코드로 후원
 </div>
 </div></div>

나만의공간。

KIM JUNGHWAN

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 간혹 앱의 화면을 전체화면으로 사용하는 경우가 있다. 이럴때 앱 색상이 전체적으로 어두우면 Status Bar의 색을 light 로 하던가, 반대로 화면이 밝으면 Status Bar 색을 dark 로 바꿀수 있다. SystemChrome SystemChrome 이라는 녀석을 사용하여 수정해보자. SystemUiOverlayStyle.dark 혹은 SystemUiOverlayStyle.light 를 통해 바꿀수 있다. 커스터마이징 만약 더 세세하게 커스터마이징을 하고 싶다면 하단의 링크를 참고하자.

[Flutter] Status Bar 색상 변경

댓글