[플러터2.0] MediaQuery (기기 정보 구하기)

 

 

MediaQuery 위젯을 쓰는 가장 대표적인 이유는 현재 기기의 화면 크기를 구할때 찾기 위해입니다

화면 크기는 MediaQuery.of(context).size 을 통해서 알 수 있습니다.

그리고 MediaQuery.of 을 이용할때는 media query가 변할때마다 widget이 rebuild됩니다

보통 기기가 회전될때 가장 많이 변합니다 (혹은 웹에서는 창 크기를 조절할때)

 

사실 mediaquery.of 을 하게되면 반환되는 값을 MediaQueryData인데

size 말고도 기기와 관련된 정보를 많이 담고 있습니다

 

설명을 도와드리기 위해서 예제 코드를 가져왔습니다.

 

 

 

MediaQueryData

orientation → Orientation

기기의 방향 (landscape 혹은 portrait)

padding → EdgeInsets

System UI 로 인해 완전히 가려진 부분 (일반적으로 노치 혹은 status bar)

viewInsets → EdgeInsets

System UI 로 인해 완전히 가려진 부분 (일반적으로 키보드)

 

참고 자료

https://api.flutter.dev/flutter/widgets/MediaQuery-class.html