본문 바로가기

IT세상/플러터(Flutter)

플러터(Flutter) - 화면 회전/세로모드 고정

반응형

플러터는 기본적으로 프로젝트를 생성하면 화면회전이 자동으로 되어있어서 폰이 가로/세로로 변경되면 자동으로 회전이 됩니다. 그것을 막아서 강제로 가로모드/세로모드로 하는 방법을 알아보겠습니다.

 

main.dart를 수정하면 되는데 flutter/services.dart를 먼저 import해줍니다.

그리고 setPreferredOrientations을 설정해주면 됩니다.

 

세로모드로 고정 

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'app.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);

    // Run app
  runApp(MyApp());
}

가로모드로 고정

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'app.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.landscapeRight,
  ]);

    // Run app
  runApp(MyApp());
}

실행해보면 가로/세로 변경이 되어도 화면이 회전되지 않는것을 확인 할 수 있습니다.

반응형