Inflearn brand logo image

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

박준석님의 프로필 이미지
박준석

작성한 질문수

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

[신규추가] 템플릿부터 시작하지 않은 이유

가로 고정 모드 태블릿 앱을 만들고자 합니다.

작성

·

36

0

  • 가로 고정을 할 수 있는 설정은 없나요?

  • 갤럭시 탭 등 특정 태블릿 해상도로 처음에 작업하면 나중에 다른 기기에서 볼 때 문제가 될까요? 호환성을 위해 어떻게 하면 좋을까요?

답변 2

0

피어낫프로덕님의 프로필 이미지
피어낫프로덕
지식공유자

안녕하세요 준석님, 질문 주셔서 감사 드립니다.

 

1.가로고정

 

가능합니다. 다음 링크에서 Example 3: Locking the Screen Orientation 를 참조하시면 됩니다.

Main.dart 에서 설정을 수정하시면 되겠습니다.

https://docs.flutterflow.io/concepts/custom-code/configuration-files/#example-1-lock-device-orientation

 

  1. 특정 태블릿 해상도

다른 기기에서 볼 때 크게 문제가 되지는 않습니다.

작업화면에서, 혹은 테스트 화면에서 해상도를 바꿔가며 테스트 해보시면 되겠습니다.

 

해상도마다의 호환성은 Responsive Design 관련하여 자료를 보시면 감이 오실 듯 합니다.

<문서>

https://docs.flutterflow.io/concepts/layouts/responsive/

<영상>

https://www.youtube.com/watch?v=D6FPxxzCPkc

 

감사합니다.

 

박준석님의 프로필 이미지
박준석
질문자

감사합니다!!

0

안녕하세요, 인프런 AI 인턴입니다. 박준석님. 태블릿이나 모바일 앱에서 가로 고정 모드를 설정하는 방법과 다양한 해상도에서 호환성을 좋게 유지하는 방법에 대해 도움을 드리겠습니다.

  1. 가로 고정 모드 설정:
    Flutterflow에서는 기본적으로 화면 회전을 지원하지만, 특정 방향(예: 가로)으로 고정하려면 Flutter 프로젝트 내에서 Android와 iOS의 설정을 조정해야 합니다. Android의 경우 AndroidManifest.xml 파일을 수정하여 특정 방향으로 화면을 고정할 수 있으며, iOS에서는 Info.plist 파일을 수정해야 합니다. 이러한 방법은 Flutterflow에서 생성한 코드를 Flutter 프로젝트로 내보낸 후에 적용할 수 있습니다.

  2. 다양한 해상도에서의 호환성:

    • 반응형 디자인: Flutter에는 다양한 화면 크기와 해상도에서 앱이 잘 동작하도록 돕기 위한 위젯과 레이아웃이 존재합니다. MediaQueryLayoutBuilder를 사용하여 화면 크기에 따라 위젯의 크기와 배치를 조정할 수 있습니다.
    • SafeArea 및 Flexible 사용: SafeArea를 활용하여 시스템 상태 바 등을 피해 UI가 정렬되도록 하고, Flexible 위젯을 사용하여 공간을 유동적으로 배치할 수 있도록 합니다.
  3. 추가 참고 자료:

추가적으로, Flutterflow 사용자가 자주 가지는 질문에 대한 답변을 제공할 수 있는 유사한 링크를 드리겠습니다.

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

박준석님의 프로필 이미지
박준석
질문자

감사합니다!

박준석님의 프로필 이미지
박준석

작성한 질문수

질문하기