Подробное руководство: определение размера экрана во Flutter с использованием класса MediaQuery

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

Методы определения размера экрана:

  1. Использование MediaQuery.of(context).size:

    MediaQueryData queryData = MediaQuery.of(context);
    Size screenSize = queryData.size;
    double screenWidth = screenSize.width;
    double screenHeight = screenSize.height;
  2. Использование MediaQuery.of(context).size.width:

    double screenWidth = MediaQuery.of(context).size.width;
  3. Использование MediaQuery.of(context).size.height:

    double screenHeight = MediaQuery.of(context).size.height;
  4. Использование MediaQuery.of(context).size.aspectRatio:

    double aspectRatio = MediaQuery.of(context).size.aspectRatio;
  5. Использование MediaQuery.of(context).devicePixelRatio:

    double devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
  6. Использование MediaQuery.of(context).padding:

    EdgeInsets padding = MediaQuery.of(context).padding;
  7. Использование MediaQuery.of(context).viewInsets:

    EdgeInsets viewInsets = MediaQuery.of(context).viewInsets;
  8. Использование MediaQuery.of(context).viewPadding:

    EdgeInsets viewPadding = MediaQuery.of(context).viewPadding;
  9. Использование MediaQuery.of(context).textScaleFactor:

    double textScaleFactor = MediaQuery.of(context).textScaleFactor;
  10. Использование MediaQueryData.fromWindow(WidgetsBinding.instance!.window).physicalSize:

    Size physicalSize = MediaQueryData.fromWindow(WidgetsBinding.instance!.window).physicalSize;
    double screenWidth = physicalSize.width;
    double screenHeight = physicalSize.height;