Flutter: làm thế nào để ngăn thay đổi hướng thiết bị và ép dọc?

Tôi muốn ngăn ứng dụng của mình thay đổi hướng và buộc bố cục dính vào "chân dung".

Trong main.dart, tôi đặt:

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

nhưng khi tôi sử dụng các nút xoay của Trình mô phỏng Android, bố cục "tuân theo" hướng thiết bị mới ...

Làm thế nào tôi có thể giải quyết điều này?

Cảm ơn

Nhập package:flutter/services.dart, sau đó

Đặt phương pháp SystemChrome.setPreferredOrientationsbên trong Widget build().

Thí dụ:

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

Cập nhật

Giải pháp này có thể không hoạt động đối với một số thiết bị IOS như đã đề cập trong tài liệu cập nhật về lỗi vào tháng 10 năm 2019.

Họ khuyên nên sửa hướng bằng cách đặt UISupportedInterfaceOrientations trong Info.plist như thế này

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

Để biết thêm thông tin https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, Nếu bạn muốn "khóa" hướng thiết bị và không cho phép nó thay đổi khi người dùng xoay điện thoại của họ, điều này có thể dễ dàng đặt như bên dưới,

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

Bạn phải đợi cho đến khi setPreferredOrientationshoàn tất và sau đó khởi động ứng dụng

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

iOS:

Kêu gọi SystemChrome.setPreferredOrientations()không làm việc cho tôi, và tôi đã phải thay đổi Device Orientationtrong dự án Xcode như sau:

Android:

Đặt screenOrientationthuộc tính portraitcho hoạt động chính trong tệp android/app/src/main/AndroidManifest.xmlnhư sau:

Phương thức 'setPreferredOrientations' trả về một đối tượng Tương lai. Mỗi tài liệu, một Tương lai đại diện cho một số giá trị sẽ có sẵn ở đâu đó trong tương lai. Đó là lý do tại sao bạn sẽ đợi cho đến khi nó có sẵn và sau đó chuyển sang ứng dụng. Do đó, sẽ có phương thức 'then' được sử dụng, theo định nghĩa, "đăng ký các lệnh gọi lại sẽ được gọi khi Tương lai hoàn thành". Do đó, bạn sẽ sử dụng mã này:

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

Ngoài ra, phải nhập tệp sau:

'package: Flagship / services.dart'

Mở android / app / src / main / AndroidManifest.xml và thêm dòng sau vào MainActivity:

android:screenOrientation="portrait"

Nếu bạn có cái này:

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

Bạn sẽ kết thúc với một cái gì đó như thế này:

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

Điều này hoạt động cho Android. Trên iOS, bạn sẽ phải thay đổi điều này từ trang Xcode: https://i.stack.imgur.com/hswoe.png (như Hejazi đã nói)

Trước hết, hãy nhập tệp này vào tệp main.dart

import 'package:flutter/services.dart';

Sau đó, không sao chép dán thay vì xem (ghi nhớ) và viết mã bên dưới trong tệp main.dart

Để buộc trong bức chân dung chế độ:

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

Để buộc trong bối cảnh chế độ:

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

Đặt WidgetsFlutterBinding.ensureInitialized () nếu không, bạn sẽ gặp lỗi khi xây dựng.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationtrả về a Future<void>, vì vậy nó là không đồng bộ. Cách tiếp cận dễ đọc nhất là xác định mainlà không đồng bộ:

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

Đối với các phiên bản rung mới cùng với việc thiết lập, preferred Orientationchúng tôi cần thêm một dòng bổ sung tức là

 WidgetsFlutterBinding.ensureInitialized();

Vì vậy, mã làm việc cho điều này là -

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

Dưới đây là ví dụ chính thức của đội bay. 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());
}

Thử

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

Bạn cũng có thể thay đổi cài đặt hướng màn hình trong tệp kê khai android và tệp info.plist của ios.

Nhập nhập khẩu 'gói: Flagship / services.dart';

Sau đó, bạn đưa dòng mã bên dưới vào tệp main.dart và trong phương thức chính của bạn như sau:

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

runApp(myApp());

Giải pháp tốt nhất sẽ là sử dụng nó trong phương thức xây dựng của MyApp ().