본문 바로가기
  • 포르쉐타고싶다
인포테인먼트 - development/flutter

[flutter] statusBar for android and ios

by 지오ㄴl 2021. 5. 24.

build에 

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(

		//상태바 색 -> 근데 ios에는 적용 안됨
        statusBarColor: Theme.of(context).backgroundColor,
        
        // 상태바 글자색
      	// For Android.
    	// Use [light] for white status bar and [dark] for black status bar.
    	statusBarIconBrightness: Brightness.light,
   		 // For iOS.
   		 // Use [dark] for white status bar and [light] for black status bar.
    	statusBarBrightness: Brightness.dark,
     ),

);

 

build return에

return Scaffold(
        key: PageStorageKey<String>('Home'),
        body: Container(
          color: Theme.of(context).backgroundColor,
          child: SafeArea(
          	child Container(
            	color: Colors.white

 

바깥 Container에 color을 원하는 color로 매기고

SafeArea안에 새로운 container를 넣어서

color를 white로 정한다.

 

그리고 appBar는 SliverPersistentheader안에서 color를 통일시켜준다

반응형

댓글