[Flutter][TIL] 기기별 화면 자동 padding 주는 SafeArea

https://youtu.be/lkF0TQJO0bA

 

화면 UI 를 구성하다가 Scaffold 안에 body를 SafeArea 로 감싸주는 코드를 보고 뭔지 궁금해졌다.

 

기기별로 화면의 padding 을 알아서 만들어준다고한다. 

앞으로 자주 쓸 수 있을 것 같다.

 

아래는 예시

 return Scaffold(
      body: Container(
        child: SafeArea(
          child: ListView(
            children: <Widget>[
              Stack(
                children: <Widget>[
                  Container(
                    width: double.maxFinite,
                    decoration: BoxDecoration(
                        image: DecorationImage(
                            image: AssetImage('images/' + widget.movie.poster),
                            fit: BoxFit.cover)),
                    child: ClipRect(
                      child: ,
                    ),
                  )
                ],
              )
            ],
          ),
        ),
      ),
    );