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

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

double screenHeight = MediaQuery.of(context).size.height - AppBar().preferredSize.height;

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

double screenHeight = 0.0;
LayoutBuilder(
  builder: (BuildContext context, BoxConstraints constraints) {
    screenHeight = constraints.maxHeight - AppBar().preferredSize.height;
    return SizedBox();
  },
);
print(screenHeight);

Метод 3: ScreenUtil
Пакет flutter_screenutilпредоставляет удобные методы управления размерами экрана и адаптации элементов пользовательского интерфейса. Используя этот пакет, мы можем легко рассчитать высоту экрана без AppBar. Вот пример:

import 'package:flutter_screenutil/flutter_screenutil.dart';
double screenHeight = ScreenUtil.screenHeight - kToolbarHeight;
print(screenHeight);

Метод 4: DeviceInfo
Если вам нужна более подробная информация о размере экрана устройства, вы можете использовать пакет device_info. Этот пакет позволяет собирать различную информацию об устройстве, включая размеры экрана. Вот пример:

import 'package:device_info/device_info.dart';
void getScreenHeight() async {
  DeviceInfoPlugin deviceInfo = DeviceInfoPlugin();
  AndroidDeviceInfo androidInfo = await deviceInfo.androidInfo;

  double screenHeight = androidInfo.screenHeight - AppBar().preferredSize.height;

  print(screenHeight);
}

В этой статье мы рассмотрели несколько методов получения высоты экрана во Flutter без учета AppBar. Мы рассмотрели подходы с использованием пакетов MediaQuery, LayoutBuilder, flutter_screenutilи пакета device_info. В зависимости от вашего конкретного случая использования и требований вы можете выбрать метод, который лучше всего соответствует вашим потребностям. Теперь вы можете с уверенностью создавать адаптивные и динамичные пользовательские интерфейсы в своих приложениях Flutter.