При разработке мобильных приложений управление ориентацией экрана является важнейшим аспектом обеспечения единообразного взаимодействия с пользователем. Flutter, набор инструментов пользовательского интерфейса Google, предоставляет несколько методов блокировки ориентации устройства. В этой статье мы рассмотрим различные методы достижения этой цели и предоставим примеры кода для каждого метода.

Метод 1: использование SystemChrome
Класс SystemChrome в пакете служб flutter предоставляет способ управления настройками пользовательского интерфейса на системном уровне. Чтобы зафиксировать ориентацию, мы можем использовать метод SystemChrome.setPreferredOrientations.

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

Метод 2: использование OrientationBuilder
Flutter предоставляет виджет OrientationBuilder, который перестраивает свой дочерний виджет при изменении ориентации устройства. Обернув корневой виджет OrientationBuilder, мы можем контролировать ориентацию.

import 'package:flutter/material.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return OrientationBuilder(
      builder: (context, orientation) {
        return MaterialApp(
          home: Scaffold(
            appBar: AppBar(
              title: Text('Lock Orientation'),
            ),
            body: Container(
              child: Center(
                child: Text('Orientation: $orientation'),
              ),
            ),
          ),
        );
      },
    );
  }
}

Метод 3: использование плагина ScreenUtil
Пакет screenutil предоставляет удобный способ обработки экранов различных размеров и ориентаций. Он предлагает метод ScreenUtil.initдля блокировки ориентации.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
void main() {
  ScreenUtil.init(
    designSize: Size(750, 1334),
    allowFontScaling: false,
    orientation: Orientation.portrait,
  );
  runApp(MyApp());
}

Управление ориентацией экрана имеет важное значение для обеспечения единообразного взаимодействия с пользователем в мобильных приложениях. В этой статье мы рассмотрели три различных метода блокировки ориентации во Flutter. Класс SystemChrome, виджет OrientationBuilder и плагин ScreenUtil предоставляют гибкие возможности для управления ориентацией. Внедрив эти методы, вы можете обеспечить плавный пользовательский интерфейс при различных ориентациях устройств.