Flutter: Cihaz yönündeki değişiklikler nasıl engellenir ve portreye zorlanır?

Uygulamamın yönünü değiştirmesini önlemek ve düzeni "dikey" olarak kalmaya zorlamak istiyorum.

Main.dart'a şunu koydum:

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

ancak Android Simulator döndür düğmelerini kullandığımda, düzen yeni cihaz yönünü "izler" ...

Bunu nasıl çözebilirim?

Teşekkürler

İçe aktar package:flutter/services.dart, ardından

Yöntemin SystemChrome.setPreferredOrientationsiçini koyun Widget build().

Misal:

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

Güncelleme

Bu çözüm, Ekim 2019'da güncellenmiş flutter belgelerinde belirtildiği gibi bazı IOS cihazları için çalışmayabilir.

Info.plist'te UISupportedInterfaceOrientations'ı şu şekilde ayarlayarak yönlendirmeyi düzeltmelerini önerirler.

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

Daha fazla bilgi için https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, Cihaz yönünü "kilitlemek" istiyorsanız ve kullanıcı telefonunu döndürürken değişmesine izin vermiyorsanız, bu aşağıdaki gibi kolayca ayarlanmıştır,

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

Bitene kadar beklemeniz setPreferredOrientationsve ardından uygulamayı başlatmanız gerekir

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

iOS:

Arama SystemChrome.setPreferredOrientations()benim için çalışmıyor Device Orientationve Xcode projesinde aşağıdaki gibi değiştirmek zorunda kaldım :

Android:

Set screenOrientationiçin öznitelik portraitdosyasında ana aktivite için android/app/src/main/AndroidManifest.xmlaşağıdaki gibidir:

'SetPreferredOrientations' yöntemi bir Future nesnesi döndürür. Belgelere göre bir Gelecek, gelecekte bir yerde mevcut olacak bir değeri temsil eder. Bu nedenle, kullanılabilir olana kadar bekleyip ardından uygulamaya devam etmelisiniz. Bu nedenle, tanım başına "Gelecek tamamlandığında çağrılacak geri aramaları kaydeden" "o zaman" yöntemi kullanılacaktır. Bu nedenle, bu kodu kullanacaksınız:

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

Ayrıca aşağıdaki dosyanın içe aktarılması gerekir:

"paket: flutter / services.dart"

Android / app / src / main / AndroidManifest.xml dosyasını açın ve MainActivity'ye aşağıdaki satırı ekleyin:

android:screenOrientation="portrait"

Eğer buna sahipseniz:

<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">

Bunun gibi bir şeyle sonuçlanmalısın:

<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">

Bu, Android için çalışır. İOS'ta bunu Xcode sayfasından değiştirmeniz gerekecek: https://i.stack.imgur.com/hswoe.png (Hejazi'nin dediği gibi)

WidgetsFlutterBinding.ensureInitialized () 'ı koyun, aksi takdirde derleme sırasında bir hata alırsınız.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

Öncelikle bunu main.dart dosyasına içe aktarın

import 'package:flutter/services.dart';

O zaman kopyalayıp yapıştırmak yerine bakın (hatırlayın) ve main.dart dosyasında aşağıdaki kodu yazın

Portre moduna zorlamak için :

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

Manzara moduna zorlamak için :

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

setPreferredOrientationa döndürür Future<void>, bu nedenle eşzamansızdır. En okunaklı yaklaşım, maineşzamansız olarak tanımlamaktır :

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

Aşağıdaki kod satırını main.dart dosyasına eklemeniz yeterlidir.

SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,
]);

ve services.dart dosyasını içe aktarmayı unutmayın. Aşağıda bir örnek verilmiştir!

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

void main() {
    runApp(MyApp());
}


class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {

      SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
      ]);

      return MaterialApp(
        home: Scaffold(
          body: Center(child: Text("A Flutter Example!")),
     ),
   );
  }
}

Aşağıda flutter ekibinin resmi örneği var. 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());
}

Yeni flutter sürümlerinden itibaren, preferred Orientationbir ekstra satır eklememiz gerekir, yani

 WidgetsFlutterBinding.ensureInitialized();

Yani bunun için çalışma kodu -

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

İçe aktarma 'paketi: flutter / services.dart';

Ardından aşağıdaki kod satırını main.dart dosyanıza ve ana yönteminize şöyle eklersiniz:

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

runApp(myApp());

Deneyin

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

Ayrıca android bildiriminde ve ios info.plist dosyasında ekran yönü ayarlarını da değiştirebilirsiniz.

En iyi çözüm, bunu MyApp () 'nin derleme yönteminde kullanmak olacaktır.