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

Метод 1: использование MediaQuery
Самый простой подход — использовать класс MediaQuery, который обеспечивает доступ к информации на экране устройства. Вызвав MediaQuery.of(context).size.height, вы можете получить высоту экрана в виджете Flutter. Вот пример:

final screenHeight = MediaQuery.of(context).size.height;
print('Screen Height: $screenHeight');

Метод 2: использование LayoutBuilder
Другой способ получить высоту экрана — использовать виджет LayoutBuilder. Он позволяет вам получить доступ к ограничениям родительского виджета, включая доступную высоту экрана. Взгляните на этот фрагмент кода:

LayoutBuilder(
  builder: (context, constraints) {
    final screenHeight = constraints.maxHeight;
    print('Screen Height: $screenHeight');
    return Container();
  },
);

Метод 3: добавление прослушивателя к изменениям ориентации
Если вам нужно динамически получать высоту экрана при изменении ориентации устройства, вы можете зарегистрировать прослушиватель с помощью виджета OrientationBuilder. Вот пример:

OrientationBuilder(
  builder: (context, orientation) {
    final screenHeight = MediaQuery.of(context).size.height;
    print('Screen Height: $screenHeight');
    return Container();
  },
);

Метод 4: использование пакета ScreenUtil
Пакет screen_util— это удобное стороннее решение, которое упрощает работу с размерами экрана во Flutter. Он предоставляет набор утилит, включая метод легкого получения высоты экрана. Вот пример того, как его использовать:

import 'package:screen_util/screen_util.dart';
final screenHeight = ScreenUtil().screenHeight;
print('Screen Height: $screenHeight');

В этой статье мы рассмотрели несколько методов получения высоты экрана во Flutter. Мы рассмотрели использование MediaQuery, использование LayoutBuilder, добавление прослушивателя с помощью OrientationBuilderи использование пакета screen_util. Включив эти методы в свои проекты Flutter, вы сможете создавать отзывчивые и адаптивные приложения, обеспечивающие удобство взаимодействия с пользователем на разных устройствах.