프로그래밍/Flutter
[Flutter] StatusBar Color
YuminK
2022. 4. 21. 18:27
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() 함수를 통해 해당 색상을 적절하게 주면 해결 됩니다.