인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

helloworld님의 프로필 이미지

작성한 질문수

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

UI 마무리하기

Sizedbox 관련 질문

작성

·

40

0

안녕하세요. 초급 강의부터 강의 잘 듣고 있습니다.

SizedBox는 자주 써도 괜찮을까요? 안드로이드, 아이폰 각 기기 버전마다 사이즈가 다를텐데, SizedBox를 통해 명시적으로 사이즈를 입력해서 여백을 주는 것이 향후 문제가 될 만한 여지가 있을까요? 모든 화면을 ScrollableView로 만들면 딱히 문제가 되진 않을까요?

답변 2

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 택택님.

SizedBox 사용과 관련된 질문에 대해 제가 도움을 드리겠습니다.

SizedBox는 Flutter에서 특정 위젯의 높이나 너비를 고정적으로 설정할 때 매우 유용하게 사용됩니다. 다만, 플랫폼 간(안드로이드와 아이폰) 스크린 크기가 다양하기 때문에 여러 기기에서 일관된 UI를 보장하기 위해 사용이 미치는 영향을 고려할 필요가 있습니다.

SizedBox 사용 시 고려사항

  • 각 기기별 해상도 및 비율: 특정 픽셀을 고정으로 설정하는 것보다는 비율 기반의 레이아웃이 더 유연할 수 있습니다. MediaQuery.of(context).size를 통해 화면 크기를 동적으로 가져와 비율 기반으로 레이아웃을 설정하는 방법도 있습니다.

  • 반응형 디자인: 모든 화면을 ScrollableView로 만들면 부분적으로 UX가 복잡해질 수 있습니다. 따라서 적절한 경우에만 스크롤을 고려하세요.

  • Flutter의 레이아웃: Flutter는 기본적으로 반응형 디자인을 지원하기에, Constraint과 Container 등의 위젯을 활용하여 다양한 스크린 크기에 맞게 조정할 수 있습니다.

기기에 따라 변하지 않는 고정적인 간격이 필요하다면 SizedBox 역시 사용 가능합니다. 하지만, 다양한 해상도에서의 디자인 일관성을 위해서는 유동적인 레이아웃 설정을 병행하는 것이 좋습니다.

관련 질문에 대한 기존 답변을 확인하시려면 다음 링크를 참고하세요: widget의 크기를 수치로 설정하는 것

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

0

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

안녕하세요!

SizedBox는 심지어 const 생성자도 있기 때문에 문제 될 이유가 없습니다.

감사합니다!