본문 바로가기
Flutter/Flutter FAQ

Flutter 화면 높이와 너비를 결정하는 방법, How to Determine Screen Height and Width

by 베타코드 2023. 5. 11.
반응형

질문


Flutter에서 새 애플리케이션을 만들었는데, 다른 기기 간 전환 시 화면 크기에 문제가 있었습니다.

Pixel 2XL 화면 크기를 사용하여 애플리케이션을 만들었는데, ListView 자식을 가진 컨테이너가 있어 컨테이너에 높이와 너비를 포함해야 했습니다.

그래서 새 기기로 전환하면 컨테이너가 너무 길어져 오류가 발생합니다.

어떻게 하면 모든 화면에 최적화된 애플리케이션을 만들 수 있을까요?


답변


다음을 사용할 수 있습니다:

  • double width = MediaQuery.of(context).size.width;
  • double height = MediaQuery.of(context).size.height;

iOS 11 이상의 SafeArea의 높이를 가져 오려면 다음을 사용하십시오:

  • var padding = MediaQuery.of(context).padding;
  • double newheight = height - padding.top - padding.bottom;
반응형

댓글