코딩/Flutter
[flutter] 35... 디바이스 화면 회전 금지하기(SystemChrome, DeviceOrientation)
레이첼 맥
2023. 2. 3. 14:31
앱에 따라 다르겠지만
게임을 제외하고는 보통 세로로 사용할 것이다.
제작하고 있는 앱의 UI를 다그리고
혹시나해서 화면을 회전 시켰더니
![]() |
![]() |
오른쪽과 같이 레이아웃에 오류가 떴다..
해당 앱은 세로모드를 지원안해도 될꺼같아 화면회전을 막는 법에 대해 소개하겠다.
방법은 간단하다.
import 'package:flutter/services.dart';
해당 파일을 import 후
Widget build(BuildContext context)
이 안에 아래 코드를 추가해주면된다.
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
위 코드를 간단하게 설명하자면 화면을 고정시키는 것이다.
portraitUp - 정방향
landscapeRight :정방향에서 시계 방향으로90도 회전한 형태
portraitDown :정방향에서 시계 방향으로 180도 회전한 형태
landscapeLeft : 정방향에서 시계 방향으로 270도 회전한 형태