[Flutter] flutter 아래 가려지는 부분

프로젝트 작업을 하던 중 아래 내비게이션바에 가려져서 올라오지 않는 부분이 생김

 

가볍게 생각하고 padding 으로

bottom:MediaQuery.of(context).padding.bottom

아래처럼 줬지만 하나도 올라가지 않는다

 

여기가 아닌가 하고 모든 곳에 padding을 줬지만 안돼서 구글링 시작

 

알고 보니 상위요소에 SafeArea로 감싸져 있게 되면 아래 값들이 안 먹힌다고 한다.

MediaQuery.of(context).padding.top
MediaQuery.of(context).padding.bottom

 

 

 

그렇기 때문에 SafeArea를 제거하면 

우선 아래 가려지던 부분들이 다 드러나는 게 보인다

 

하지만 위에 상단바 위치에 padding이 사라지는데

이 부분은 

padding으로 MediaQuery.of(context).padding.top값을 주면 해결된다.