https://www.youtube.com/watch?v=lkF0TQJO0bA 

     

    SafeArea는 iOS에서 사용되는 UI 구현 방식입니다.
    아이폰 X부터 노치 디자인이 적용되면서 상단의 공백의 높이가 기기와 버전에 따라서 다르게 적용됩니다. 
    SafeArea를 적용하지 않으면 노치 여부와 상관 없이 윈도우 최상단부터 레이아웃이 시작되기 때문에, 결국 노치 디자인에서는 노치와 UI 간의 출동이 발생합니다. 이를 해결하기 위해서 사용되는 것이 SafeArea 죠. 
    사용 방법은 다음과 같습니다. 간단합니다.  

    body : SafeArea( 
    	child: Column(
        	children:[
            ...
            ]
       	)),

    사용하시는 최상위 Widget을 SafeArea로 감싸면 됩니다. 
    화면 단위에서 기본으로 SafeArea로 시작하도록 습관을 가지는 것도 좋겠네요. 

    안드로이드는 해당되는 부분이 없죠. 즉, 안드로이드 배포만을 하신다면 위의 방식을 적용하시지 않아도 됩니다. 

    'Flutter(플러터) > Flutter Package of the Week' 카테고리의 다른 글

    Tear-offs  (0) 2021.12.31

    댓글