인프런 커뮤니티 질문&답변

최용준님의 프로필 이미지
최용준

작성한 질문수

[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

디바이스별 비율 적용

작성

·

346

0

안녕하세요! 너무 좋은 강의 감사합니다.

아이폰, 안드로이드 폰 기기별 사이즈와 비율이 다른데 어떻게하면 기기별 비율에 맞게 맞출 수 있나요? 예를 들어 아이콘 사이즈가 39*39 인데 (디자이너 기준 아이폰 12프로) 아이폰 13미니에서는 아이콘 사이즈, 텍스트 위젯등 모두 비율에 맞게 작아져야하는데 방법을 모르겠습니다.

답변 1

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요!

모든 responsive 작업은 기본적으로 비율을 이용해서 구현하게됩니다.

기본적으로 LayoutBuilder를 사용하게 되는데 이를 이용한 좋은 패키지들도 많이 존재합니다.

아래 가이드 및 인기 플러그인 링크 첨부해드립니다.

https://pub.dev/packages/responsive_framework

https://docs.flutter.dev/ui/layout/responsive/adaptive-responsive

물론 단순히 아이콘 크기를 조절하고 싶은거라면 LayoutBuilder를 사용해서 넓이 또는 높이의 비율을 계산해서 구현하는게 가장 편리합니다.

감사합니다!

최용준님의 프로필 이미지
최용준

작성한 질문수

질문하기