Flutter 플러터 - AppBar가 없을 때 상태 표시줄 색상을 어떻게 설정하는 방법, Flutter - How to set status bar color when AppBar not present

질문

AppBar가 없을 때 상태 표시줄 색상을 설정하는 방법.

이렇게 시도해 봤지만 작동하지 않습니다.

Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
    return new Scaffold(
        body: new Container(
        color: UniQueryColors.colorBackground,
        child: new ListView.builder(
           itemCount: 7,
           itemBuilder: (BuildContext context, int index){
             if (index == 0){
               return addTopInfoSection();
             }
           },
        ),
       ),
    );
}

출력은 다음과 같아야 합니다:

답변

먼저, services 패키지를 가져옵니다:

import 'package:flutter/services.dart';

다음으로, App의 build 함수에 다음을 간단히 넣으세요:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  statusBarColor: Colors.blue, // 또는 다음과 같이 색상을 설정하세요: Color(0xFF0000FF)
));

추가로, statusBarIconBrightness, systemNavigationBarColor 또는 systemNavigationBarDividerColor와 같은 유용한 속성을 설정할 수도 있습니다.

---

만약 같은 작업을 더 flutter/widget 스타일로 하고 싶다면, AnnotatedRegion<SystemUiOverlayStyle> 위젯을 사용하는 것을 고려해보세요.

value: 속성은 위에서 보여준 것과 동일한 속성을 포함한 SystemUiOverlayStyle() 객체로 설정할 수 있습니다.

---

더 많은 정보는 API 문서를 참조하세요