Flutter: bagaimana cara mencegah perubahan orientasi perangkat dan memaksa potret?

Saya ingin mencegah aplikasi saya mengubah orientasinya dan memaksa tata letak untuk tetap menggunakan "potret".

Di main.dart, saya meletakkan:

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

tetapi saat saya menggunakan tombol putar Simulator Android, tata letaknya "mengikuti" orientasi perangkat baru ...

Bagaimana saya bisa mengatasi ini?

Terima kasih

Impor package:flutter/services.dart, lalu

Masukkan ke SystemChrome.setPreferredOrientationsdalam Widget build()metode.

Contoh:

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

Memperbarui

Solusi ini mungkin tidak berfungsi untuk beberapa perangkat IOS seperti yang disebutkan dalam dokumentasi flutter yang diperbarui pada Oktober 2019.

Mereka Menyarankan untuk memperbaiki orientasi dengan mengatur UISupportedInterfaceOrientations di Info.plist seperti ini

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

Untuk informasi lebih lanjut https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, Jika Anda ingin "mengunci" orientasi perangkat dan tidak mengizinkannya untuk berubah saat pengguna memutar ponselnya, ini mudah diatur seperti di bawah ini,

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

Anda harus menunggu hingga setPreferredOrientationsselesai dan kemudian memulai aplikasi

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

iOS:

Menelepon SystemChrome.setPreferredOrientations()tidak berfungsi untuk saya, dan saya harus mengubah Device Orientationdalam proyek Xcode sebagai berikut:

Android:

Setel screenOrientationatribut ke portraituntuk aktivitas utama dalam file android/app/src/main/AndroidManifest.xmlsebagai berikut:

Metode 'setPreferredOrientations' mengembalikan objek Future. Berdasarkan dokumentasi, Future mewakili beberapa nilai yang akan tersedia di suatu tempat di masa mendatang. Itulah mengapa Anda harus menunggu sampai tersedia dan kemudian melanjutkan dengan aplikasi. Oleh karena itu, harus digunakan metode 'then', yang, sesuai definisi, "mendaftarkan panggilan balik yang akan dipanggil saat Future selesai". Karenanya, Anda harus menggunakan kode ini:

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

Selain itu, file berikut harus diimpor:

'paket: flutter / services.dart'

Buka android / app / src / main / AndroidManifest.xml dan tambahkan baris berikut di MainActivity:

android:screenOrientation="portrait"

Jika Anda memiliki ini:

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

Anda akan mendapatkan hasil seperti ini:

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

Ini berfungsi untuk Android. Di iOS, Anda harus mengubahnya dari halaman Xcode: https://i.stack.imgur.com/hswoe.png (seperti yang dikatakan Hejazi)

Pertama-tama impor ini di file main.dart

import 'package:flutter/services.dart';

Maka jangan copy paste lebih baik lihat (ingat) dan tulis kode di bawah ini di file main.dart

Untuk memaksa dalam mode potret :

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

Untuk memaksa dalam mode lanskap :

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

Letakkan WidgetsFlutterBinding.ensureInitialized () jika tidak, Anda akan mendapatkan kesalahan saat membangun.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationmengembalikan a Future<void>, jadi asynchronous. Pendekatan yang paling mudah dibaca adalah dengan mendefinisikan mainasinkron:

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

Pada versi flutter baru bersama dengan pengaturan preferred Orientationkita perlu menambahkan satu baris tambahan yaitu

 WidgetsFlutterBinding.ensureInitialized();

Jadi kode kerja untuk ini adalah -

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

Di bawah ini adalah contoh resmi dari tim flutter. 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());
}

Mencoba

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

Anda juga dapat mengubah pengaturan orientasi layar di manifes android dan file ios info.plist.

Impor impor 'paket: flutter / services.dart';

Kemudian Anda menyertakan baris kode di bawah ini dalam file main.dart Anda, dan dalam metode utama Anda seperti ini:

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

runApp(myApp());

Solusi terbaik adalah menggunakannya dalam metode build MyApp ().