상태바 투명하게 만들기

2018. 11. 25. 10:43·개발/Flutter

iOS의 경우 상태바 영역이 투명이지만 안드로이드는 반투명 색상이 들어가 있습니다. 


전 iOS와 같이 상태바 영역이 투명한 것을 선호해서 앱 개발시 항상 상태바를 투명하게 만듭니다. 안드로이드 개발할때는 이것저것 해야할게 많았었는데 flutter는 간단하게 구현이 가능합니다.

void main() {
    ...
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith(
        statusBarIconBrightness: Brightness.light,
            statusBarColor: Colors.transparent,
    ));
   ...
}

SystemChome 클래스는 OS에서 제공하는 인터페이스 관련 부분을 제어하는 클래스입니다. 상태바 아이콘이나 배경 색을 변경하거나 오리엔테이션 관련 부분을 설정하거나 할 수 있습니다.


저작자표시 비영리 변경금지 (새창열림)

'개발 > Flutter' 카테고리의 다른 글

xcode 14 베타 사용시 Invalid Bundle로 배포 안되는 버그 수정  (0) 2022.09.05
캐러셀 리스트뷰 만들기  (0) 2018.12.21
배경이 투명한 페이지 만들기  (0) 2018.12.06
링크 모음  (0) 2018.11.25
키보드 show/hide 감지하기  (0) 2018.11.25
상태바, 내비게이션 바 보이기/감추기  (0) 2018.11.25
'개발/Flutter' 카테고리의 다른 글
  • 배경이 투명한 페이지 만들기
  • 링크 모음
  • 키보드 show/hide 감지하기
  • 상태바, 내비게이션 바 보이기/감추기
까망고양이
까망고양이
월 300k를 달리지만 빨리는 못달리는 아저씨의 블로그
  • 까망고양이
    본격 러닝 블로그
    까망고양이
    • 분류 전체보기 (422)
      • 러닝 (259)
        • 대회 (6)
        • 기록 (244)
        • 기어 (6)
      • 일상 (61)
        • 일기 (26)
      • 고양이 (37)
        • 퓨리 (35)
      • 리뷰 (31)
        • 집 (5)
      • 취미 (12)
        • 디비전2 (0)
      • 정보 (10)
      • 개발 (12)
        • Flutter (11)
  • 전체
    오늘
    어제
  • 블로그 메뉴

    • 소개
    • 러닝
    • EDC
    • 방명록
  • 인기 글

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
까망고양이
상태바 투명하게 만들기
상단으로

티스토리툴바