Метод paddingOf

Метод paddingOf виджета MediaQuery он равен MediaQuery.of(context).padding. Отступы учитывают статус-бар, вырез и жестовую панель. Похожие поля viewPaddingOf и viewInsetsOf отвечают за другие срезы экрана.

Синтаксис

MediaQuery.paddingOf(context)

Параметры

Параметр	Описание
`context`	`BuildContext` виджета под `MediaQuery`.

Пример

Давайте выведем верхний отступ:

import 'package:flutter/material.dart';

class TopPadLabel extends StatelessWidget
{
	const TopPadLabel({super.key});

	@override
	Widget build(BuildContext context)
	{
		var res = MediaQuery.paddingOf(context).top;
		return Text('$res');
	}
}

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: TopPadLabel(),
				),
			),
		),
	);
}

На экране появится число - отступ сверху под статус-бар.

Пример

Давайте применим paddingOf вручную, как SafeArea:

import 'package:flutter/material.dart';

class ManualSafe extends StatelessWidget
{
	const ManualSafe({super.key});

	@override
	Widget build(BuildContext context)
	{
		return Padding(
			padding: MediaQuery.paddingOf(context),
			child: const Text('12345'),
		);
	}
}

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: ManualSafe(),
			),
		),
	);
}

На экране текст '12345' сместится в безопасную область.

Смотрите также

виджет SafeArea,
который добавляет те же отступы автоматически
метод viewPaddingOf,
который возвращает viewPadding без клавиатуры
метод removePadding,
который обнуляет padding для поддерева
класс MediaQueryData,
где хранится поле padding