[Flutter] SystemUiOverlayStyle_상단 상태바 색상 변경

앱의 배경 색상에 따라

상단바에 있는 시각, 배터리, 와이파이를 나타내는

아이콘의 색상을 바꿔줘야 할 때!!

 

SystemOverlayStyle을 사용해주면 된다.

 

아래처럼 build 함수 내에서 선언해주면되고,

@override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);

    return Scaffold(
      body: Container(
        ~~
      ),
    );
  }

 

두 가지 옵션을 선택할 수 있다.

SystemUiOverlayStyle.light 는 하얀색

 

SystemUiOverlayStyle.dark 는 검은색으로 나타난다.