inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

281

박준석

작성한 질문수 1

0

flutter firebase no-code flutterflow

답변 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

박준석

감사합니다!!

0

인프런 AI 인턴

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

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

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

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

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

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

0

박준석

감사합니다!

로그인 과정에서 이메일 형식 오류 발생합니다.

0

87

2

변수의 활용에서 local page variable이 변화가 없습니다.

0

57

2

10강 (firebase 서버 연동) -> 11강 (로그인 구현)으로 넘어가고 있는데, user collection을 설정하는 부분이 안나옵니다...

0

55

2

홈화면에서 계속 충돌이 발생해요

0

69

2

이미지 표시 안되는것

0

78

2

ToggleIcon 관련 문의드립니다.

0

57

2

프로필 업데이트 회원가입완료 버튼 설정

0

71

2

한글이 잠시 깨진 후 정상적으로 보입니다.

0

72

2

써버 연결후 테스트를 해ㅗ니

0

74

3

강의 내용이 다릅니다

0

80

4

사진 업로드 어디에?

0

73

3

collection 내 image 에러

0

69

3

cros proxy for images 를 none으로 바꿔도 이미지 적용이 되지 않습니다.

0

106

4

9강의 서버연동을 따라하는데 오류가뜹니다

0

84

2

이미지 로딩 오류

0

199

5

path 설정에 'Uploaded File URL' 항목이 안보입니다.

0

63

2

스택 위의 이미지가 움직이면 사라집니다.

0

72

2

특정 하트만 개별적으로 커지게 하는 방법 질문

0

85

2

Project Setup Step 절차가 나오지 않아요, 테마를 어디서 고르죠?

0

52

2

이미지 업로드 버튼 클릭시

0

92

2

Stack 안에 Container를 절반만 채우고 싶습니다.

0

57

2

연결 관련

0

70

2

닉네임관련

0

103

2

기본 이미지 프로필 설정

0

143

2