Flutter 강좌 - 화면 회전 방지 설정법 | 화면 로테이션 방지 | 화면 오리엔테이션 설정 | Screen Orientation

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149

 

 

이번 강좌에서는 사용자가 스마트폰의 가로로 회전시키더라도 화면이 로테이션되지 않도록 고정하는 방법에 대해서 알아본다.

이 방법은 Flutter의 기본 패키지 중 services 패키지를 이용한다.

 

main 함수를 가지는 파일(보통 main.dart)에 다음의 패키지를 추가한다.

import 'package:flutter/services.dart';

 

main 함수 안에 runApp() 함수 호출 전 단계에서 다음의 코드를 추가한다.

SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);

 

setPreferredOrientations 메소드는 배열형태의 파라미터를 입력받게 된다. 위의 코드의 경우 portraitUp 하나만을 설정하였기 때문에 일반적인 세로모드만이 설정되어 사용자가 화면을 좌우로 회전하더라도 세로모드로만 작동한다.

만약 가로모드 전용 앱을 개발하고자 한다면 landscapeLeft이나 landscapeRight를 설정하거나 둘 다 설정하면 가로모드 전용으로 앱을 이용할 수 있게 된다.

 

---

Flutter Code Examples 강좌를 추천합니다.

• 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다.
• Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다.
• 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다.

Flutter Code Examples 강좌로 메뉴로 이동

Flutter Code Examples 강좌 목록 페이지로 이동

Flutter Code Examples 앱 설치 | Google Play Store로 이동

Flutter Code Examples - Google Play 앱