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

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

import 'package:flutter/material.dart';
class LandscapeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return OrientationBuilder(
      builder: (context, orientation) {
        if (orientation == Orientation.landscape) {
          return Scaffold(
            appBar: AppBar(
              title: Text('Landscape Screen'),
            ),
            body: Center(
              child: Text('This is a landscape screen.'),
            ),
          );
        } else {
          return Container(); // Return an empty container for other orientations.
        }
      },
    );
  }
}

Метод 2: использование класса SystemChrome
Класс SystemChromeво Flutter предоставляет способ управления различными настройками системного уровня, включая ориентацию. Вы можете использовать метод SystemChrome.setPreferredOrientations, чтобы установить предпочтительную ориентацию вашего приложения. Вот пример:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.landscapeRight,
  ]).then((_) {
    runApp(MyApp());
  });
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Landscape App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Landscape App'),
        ),
        body: Center(
          child: Text('This is a landscape app.'),
        ),
      ),
    );
  }
}

Метод 3: использование пакета ScreenUtil
Пакет ScreenUtilво Flutter предоставляет утилиты, которые помогут вам установить размер и ориентацию экрана. Он предлагает простой способ установить альбомную ориентацию. Вот пример:

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    ScreenUtil.init(
      designSize: Size(1080, 1920),
      allowFontScaling: false,
      orientation: Orientation.landscape,
    );

    return MaterialApp(
      title: 'Landscape App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Landscape App'),
        ),
        body: Center(
          child: Text('This is a landscape app.'),
        ),
      ),
    );
  }
}

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