개발자

플러터 디바이스별 화면 질문합니다...ㅠ

2023년 12월 07일조회 180

이번에 플러터로 처음 실무 개발을 해보았는데요 사수가 없다보니 어떻게 이것저것 검색해서 PC, 태블릿, 모바일까지 개발했습니다. 테스트 서버에 배포하고 QA중에 크롬 개발자모드에 있는 모바일 태블릿쪽 화면에서는 여백도 잘 맞게 나오는데, 실제 디바이스에서의 크롬, 사파리, 삼성인터넷 같은 기본 인터넷 어플에서 여백이 다르게 출력됩니다 이 경우에 대해 검색을 이틀내내 해봤지만 도저히 해결방법을 모르겠어서.. 혹시 방법 아는 선배 개발자분들이 계실까요..?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 0

답변이 없을 때 보이는 아이콘

첫 답변을 기다리고 있어요.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2023년 12월 07일

플러터는 웹이 아닌 네이티브 앱 개발에 초점이 맞춰져 있는 플랫폼으로, HTML/CSS와 같은 방식으로 스타일링을 하는 것이 아니기 때문에 브라우저와의 호환성 문제를 일으킬 수 있습니다. 안드로이드, iOS, 웹 등 다양한 플랫폼에서 실행되도록 설계된 어플리케이션에서는 서로 다른 환경 간의 차이를 고려해야 합니다. 따라서, 화면 크기가 다르거나 특정 기능이 지원되지 않는 등의 이유로 레이아웃이나 여백등이 제대로 나타나지 않을 수 있습니다. 일부 해결 방법은 MediaQuery 클래스를 사용하여 실제 디바이스 크기(높이 및 폭)을 가져오고 그 값을 기준으로 UI를 구조화하는 것입니다. 이를 통해 다양한 화면 크기에 유연하게 대응할 수 있습니다. 또 다른 접근 방식은 Flutter Inspector를 사용하여 UI 문제를 디버깅하는 것입니다. Flutter Inspector는 Flutter 앱을 실행 중인 모든 장치에 대한 정보를 제공하므로 문제의 원인을 파악하는 데 도움이 될 수 있습니다. 더욱 구체적인 해결책을 제공하려면, 보다 구체적인 문제 상황에 대한 정보가 필요할 것 같습니다. 예를 들어 어떤 UI 요소가 문제인지, 어떻게 보여지는지 등에 대한 자세한 설명이 있다면 더 좋을 것입니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!