개발자
이번에 플러터로 처음 실무 개발을 해보았는데요 사수가 없다보니 어떻게 이것저것 검색해서 PC, 태블릿, 모바일까지 개발했습니다. 테스트 서버에 배포하고 QA중에 크롬 개발자모드에 있는 모바일 태블릿쪽 화면에서는 여백도 잘 맞게 나오는데, 실제 디바이스에서의 크롬, 사파리, 삼성인터넷 같은 기본 인터넷 어플에서 여백이 다르게 출력됩니다 이 경우에 대해 검색을 이틀내내 해봤지만 도저히 해결방법을 모르겠어서.. 혹시 방법 아는 선배 개발자분들이 계실까요..?
답변 0
첫 답변을 기다리고 있어요.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2023년 12월 07일
플러터는 웹이 아닌 네이티브 앱 개발에 초점이 맞춰져 있는 플랫폼으로, HTML/CSS와 같은 방식으로 스타일링을 하는 것이 아니기 때문에 브라우저와의 호환성 문제를 일으킬 수 있습니다. 안드로이드, iOS, 웹 등 다양한 플랫폼에서 실행되도록 설계된 어플리케이션에서는 서로 다른 환경 간의 차이를 고려해야 합니다. 따라서, 화면 크기가 다르거나 특정 기능이 지원되지 않는 등의 이유로 레이아웃이나 여백등이 제대로 나타나지 않을 수 있습니다. 일부 해결 방법은 MediaQuery 클래스를 사용하여 실제 디바이스 크기(높이 및 폭)을 가져오고 그 값을 기준으로 UI를 구조화하는 것입니다. 이를 통해 다양한 화면 크기에 유연하게 대응할 수 있습니다. 또 다른 접근 방식은 Flutter Inspector를 사용하여 UI 문제를 디버깅하는 것입니다. Flutter Inspector는 Flutter 앱을 실행 중인 모든 장치에 대한 정보를 제공하므로 문제의 원인을 파악하는 데 도움이 될 수 있습니다. 더욱 구체적인 해결책을 제공하려면, 보다 구체적인 문제 상황에 대한 정보가 필요할 것 같습니다. 예를 들어 어떤 UI 요소가 문제인지, 어떻게 보여지는지 등에 대한 자세한 설명이 있다면 더 좋을 것입니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!