Flutter : 장치 방향 변경을 방지하고 세로로 강제하는 방법은 무엇입니까?

내 응용 프로그램의 방향이 변경되는 것을 방지하고 레이아웃을 "세로"로 고정하고 싶습니다.

main.dart에 다음을 넣습니다.

void main(){
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown
  ]);
  runApp(new MyApp());
}

하지만 Android 시뮬레이터 회전 버튼을 사용하면 레이아웃이 새 기기 방향을 "따릅니다".

어떻게 해결할 수 있을까요?

감사

가져 오기 package:flutter/services.dart, 다음

메서드 SystemChrome.setPreferredOrientations내부에 넣으십시오 Widget build().

예:

  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
      ]);
      return new MaterialApp(...);
    }
  }

최신 정보

이 솔루션은 2019 년 10 월에 업데이트 된 flutter 문서에 언급 된대로 일부 IOS 장치에서 작동하지 않을 수 있습니다.

Info.plist에서 UISupportedInterfaceOrientations를 다음과 같이 설정하여 방향을 수정하도록 조언합니다.

<array>
    <string>UIInterfaceOrientationPortrait</string>
</array>

자세한 내용은 https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, 장치 방향을 "고정"하고 사용자가 휴대폰을 회전 할 때 변경되지 않도록하려면 다음과 같이 쉽게 설정할 수 있습니다.

// This did not work as requirement
void main() {
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  runApp(new MyApp());
}

setPreferredOrientations완료 될 때까지 기다린 다음 앱을 시작해야합니다.

// This will works always for lock screen Orientation.
void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])
    .then((_) {
      runApp(new MyApp());
    });
}

iOS :

전화 SystemChrome.setPreferredOrientations()가 작동하지 않으며 Xcode 프로젝트 에서 다음과 같이 변경해야 Device Orientation했습니다 .

기계적 인조 인간:

다음과 같이 파일의 기본 활동에 대한 screenOrientation속성을 portrait로 설정하십시오 android/app/src/main/AndroidManifest.xml.

'setPreferredOrientations'메소드는 Future 객체를 반환합니다. 문서에 따라 Future는 향후 어딘가에서 사용할 수있는 가치를 나타냅니다. 그렇기 때문에 사용할 수있을 때까지 기다린 다음 응용 프로그램을 진행해야합니다. 따라서 정의에 따라 "Future가 완료 될 때 호출 할 콜백을 등록"하는 'then'메소드를 사용해야합니다. 따라서 다음 코드를 사용해야합니다.

  void main() {
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]).then((_) {
      runApp(new App());
    });
   }

또한 다음 파일을 가져와야합니다.

'package : flutter / services.dart'

android / app / src / main / AndroidManifest.xml을 열고 MainActivity에 다음 줄을 추가합니다.

android:screenOrientation="portrait"

이 경우 :

<activity
        android:name=".MainActivity"
        android:launchMode="singleTop"
        android:theme="@style/LaunchTheme"
        android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
        android:hardwareAccelerated="true"
        android:windowSoftInputMode="adjustResize">

다음과 같이 끝날 것입니다.

<activity
        android:name=".MainActivity"
        android:launchMode="singleTop"
        android:theme="@style/LaunchTheme"
        android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
        android:hardwareAccelerated="true"
        android:screenOrientation="portrait"
        android:windowSoftInputMode="adjustResize">

이것은 Android에서 작동합니다. iOS에서는 Xcode 페이지에서 변경해야합니다 : https://i.stack.imgur.com/hswoe.png (Hejazi가 말했듯이)

우선 이것을 main.dart 파일로 가져옵니다.

import 'package:flutter/services.dart';

그런 다음 붙여 넣기를 복사하지 말고 main.dart 파일 에서 아래 코드를보고 (기억하고) 작성 하십시오.

세로 모드로 강제 실행하려면 :

void main() {
  SystemChrome.setPreferredOrientations(
      [DeviceOrientation.portraitUp,DeviceOrientation.portraitDown])
      .then((_) => runApp(MyApp()),
  );

가로 모드로 강제 실행하려면 :

   void main() {
      SystemChrome.setPreferredOrientations(
          [DeviceOrientation.landscapeLeft,DeviceOrientation.landscapeRight])
          .then((_) => runApp(MyApp()),
      );

WidgetsFlutterBinding.ensureInitialized ()를 넣으면 빌드하는 동안 오류가 발생합니다.

import 'package:flutter/services.dart';

    void main() async => {
          WidgetsFlutterBinding.ensureInitialized(),

          await SystemChrome.setPreferredOrientations(
              [DeviceOrientation.portraitUp]), // To turn off landscape mode

          runApp(MainApp())
        };

setPreferredOrientation를 반환 Future<void>하므로 비동기입니다. 가장 읽기 쉬운 방법은 main비동기 로 정의하는 것입니다.

Future<void> main() async {
  await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  return runApp(new MyApp());
}

설정과 함께 새로운 flutter 버전에서 preferred Orientation우리는 한 줄을 추가해야합니다.

 WidgetsFlutterBinding.ensureInitialized();

그래서 이것에 대한 작업 코드는-

import 'package:flutter/services.dart';
    void main() {
          WidgetsFlutterBinding.ensureInitialized();
          SystemChrome.setPreferredOrientations([
            DeviceOrientation.portraitUp,
            DeviceOrientation.portraitDown
          ]);
          runApp(MyApp());
        }

아래는 플러터 팀의 공식 예입니다. https://github.com/flutter/samples/blob/master/veggieseasons/lib/main.dart

import 'package:flutter/services.dart' show DeviceOrientation, SystemChrome;

void main() {
    WidgetsFlutterBinding.ensureInitialized();
    SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
    ]);
    runApp(HomeScreen());
}

시험

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

Android 매니페스트 및 ios info.plist 파일에서 화면 방향 설정을 변경할 수도 있습니다.

Import import 'package : flutter / services.dart';

그런 다음 main.dart 파일에 아래 코드 줄을 포함하고 다음과 같이 기본 메서드에 포함합니다.

WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitDown,
    DeviceOrientation.portraitUp,
  ]);

runApp(myApp());

가장 좋은 해결책은 MyApp ()의 빌드 메소드에서 사용하는 것입니다.