본문 바로가기
프로그래밍/Flutter

[Flutter] StatusBar Color

by YuminK 2022. 4. 21.
void setWhiteTextStatusBar() {
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.light,
      statusBarBrightness: Brightness.dark));
}

void setBlackTextStatusBar() {
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.dark,
      statusBarBrightness: Brightness.light));
}

double getStatusBarSize(BuildContext context) => MediaQuery.of(context).padding.top;

StatusBar color는 Transparent로 두고 텍스트 색상을 검은색/흰색으로 맞춰줍니다.

색상이 비어서 이상하게 느껴진다면 getStatusBarSize() 함수를 통해 해당 색상을 적절하게 주면 해결 됩니다. 

 

 

'프로그래밍 > Flutter' 카테고리의 다른 글

[Flutter] Screen Orientation  (0) 2022.04.27
[Flutter] 카카오 로그인 설정  (0) 2022.04.23
[Flutter] ExpandablePageView initial page  (0) 2022.04.18
[Flutter] Scroll To Top 버튼  (0) 2022.04.17
[Flutter] BackPress to exit  (0) 2022.04.16

댓글