showSizes() {
  RenderBox renderBoxRed = fileListKey.currentContext.findRenderObject();
  print(renderBoxRed.size);
}
``````markdown
### 3\. Получение высоты области состояния и безопасной разметки

Если вы изучили исходный код `MaterialApp`, вы заметили бы, что внутри него находится `WidgetsApp`, который содержит `MediaQuery`. Те, кто знаком с этим компонентом, могут использовать `MediaQuery.of(context).size` для получения размера экрана.

`MediaQuery` является типом `InheritedWidget`, который имеет параметр `MediaQueryData`, который устанавливается следующим образом. Изучив исходный код, мы узнали, что обычно значение поля `top` параметра `padding` в `MediaQueryData` равно высоте области состояния. Поэтому мы можем получить высоту области состояния через `MediaQueryData.fromWindow(WidgetsBinding.instance.window).padding.top`, а иногда может потребоваться рассмотреть параметр `viewInsets`.

![](http://img.cdn.guoshuyu.cn/bk/Flutter-8/image2)

Что касается высоты компонента `AppBar`, то по умолчанию она равна `Size.fromHeight(kToolbarHeight + (bottom?.preferredSize?.height ?? 0.0))`, где `kToolbarHeight` — это константное значение. Конечно, вы можете использовать реализацию `PreferredSizeWidget` для кастомизации `AppBar`.

Вы также можете заметить, что иногда при размещении элементов происходит смещение расчёта от области состояния вверх. В этом случае вам следует использовать `SafeArea` для обёртки. Причины этого можно найти в исходном коде, где используется `MediaQueryData`.
```### 4. Установка цвета области состояния и цвета значков

Просто используйте свойство `brightness` компонента `AppBar` или `ThemeData` для установки цвета области состояния.

Однако если вы не хотите использовать `AppBar`, вы можете обернуть его в `AnnotatedRegion<SystemUiOverlayStyle>`, чтобы установить стиль области состояния. Через `SystemUiOverlayStyle` вы сможете быстро настроить внешний вид области состояния и нижней навигационной панели.

Кроме того, вы можете использовать `SystemChrome.setSystemUIOverlayStyle` для установки стилей, но только если вы не используете `AppBar`. **Важно отметить, что все изменения стиля области состояния являются глобальными**, поэтому если вы установите стиль на странице A, он будет применяться автоматически на странице B, если там нет других настроек или использования `AppBar`.

### 5. Системное масштабирование шрифтов

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

Масштабирование шрифтов в Flutter связано с параметром `textScaleFactor` объекта `MediaQueryData`. Поэтому вы можете использовать следующий код для установки шрифтов так, чтобы они не масштабировались:

```dart
MediaQuery(
  data: MediaQueryData.fromWindow(WidgetsBinding.instance.window).copyWith(textScaleFactor: 1),
  child: new Container(),
);
```### 6. Отступы и поля

При использовании контейнера `Container` часто используют параметры `margin` и `padding`. Мы уже говорили ранее, что `Container` является просто обёрткой различных типов размещения, где внутренние параметры `margin` и `padding` реализуются через `Padding`. Однако `Padding` не поддерживает отрицательные значения, поэтому рекомендуется использовать `Transform`, если вам нужны такие значения.

```dart
Transform(
    transform: Matrix4.translationValues(10, -10, 0),
    child: Container(),
);

return Scaffold(
    key: PageStorageKey<String>('your_value'),
);

import 'package:flutter/services.dart' show rootBundle;
import 'package:flutter/material.dart';
import 'package:android_intent/android_intent.dart';

void main() {
  runApp(MaterialApp(home: Home()));
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
        child: RaisedButton(
            onPressed: () async {
              final intent = AndroidIntent(action: 'android.intent.action.MAIN');
              await intent.start();
            },
            child: Text('Возврат на главный экран')));
  }
}

Future<bool> _диалогВыходИзПриложения(BuildContext context) async {
    if (Platform.isAndroid) {
      AndroidIntent intent = AndroidIntent(
        action: 'android.intent.action.MAIN',
        category: "android.intent.category.HOME",
      );
      await intent.launch();
    }

    return Future.value(false);
  }

return WillPopScope(
      onWillPop: () {
        return _диалогВыходИзПриложения(context);
      },
      child: xxx);