How to get safe area size/padding in Flutter

Getting the safe area size or padding in Flutter is crucial for ensuring that your app's content is displayed correctly within the available screen space. Here are several methods to achieve this:

1. Using MediaQuery:

final bottomPadding = MediaQuery.of(context).padding.bottom;
final topPadding = MediaQuery.of(context).padding.top;

2. Accessing AppBar's Preferred Size:

AppBar appBar = new AppBar();
appBar.preferredSize.height;

3. Disabling SafeArea's Default Padding:

return SafeArea(
  top: false,
  bottom: false,
  child: Scaffold(
      body: SingleChildScrollView(
        child: Container(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          ...
        ),
      ),
    ),
  );

4. Accessing MediaQuery Before SafeArea:

Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    final padding = MediaQuery.of(context).padding;
    final heigth = size.height - padding.top - padding.bottom;
    return SafeArea(
        ...
    );
}

5. Using MediaQueryData.fromWindow:

import 'dart:ui' as ui;

MediaQueryData.fromWindow(ui.window).size;
MediaQueryData.fromWindow(ui.window).padding;

6. Using MediaQueryData.fromView (Flutter 3.10.0+):

MediaQueryData.fromView(ui.PlatformDispatcher.instance.implicitView!).padding

By utilizing these methods, you can effectively obtain the safe area size or padding in Flutter, ensuring that your app's content is displayed optimally within the available screen area.