flutter/etc

appbar&scaffold에 background color 설정 시 statusbar에 아이콘 안나오는 문제

thomass 2022. 10. 27. 00:35

일단 Scaffold에 appbar를 사용안한다면  AnnotatedRegion설정으로 해결

AnnotatedRegion(
  // status icon and text color, dark:black  light:white
  value: SystemUiOverlayStyle.dark,
  child: Scaffold(
     // statusbar color
     backgroundColor: Colors.white,
     body : SafeArea(****)
  )
}

 

 

AppBar를 사용한다면 

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        systemOverlayStyle: SystemUiOverlayStyle.dark, # or light
        backgroundColor: Colors.red, # status bar color
      ),
    );
  }

 

 

 

 

참고:https://stackoverflow.com/questions/50501799/flutter-how-to-set-status-bar-color-when-appbar-not-present,https://stackoverflow.com/questions/55209774/flutter-change-status-bar-brightness-to-dark

 

 

 

ios에서만 statusbar가 안보인다면  ios-Runner-info.plist에 들어가서 

<key>UIViewControllerBasedStatusBarAppearance</key>
<false/> 이부분을 true로 바꿔준다 

반응형