Flutter 获取设备的宽高

最新推荐文章于 2024-04-26 14:48:37 发布

iOSTianNan

最新推荐文章于 2024-04-26 14:48:37 发布

阅读量2.1k

点赞数

分类专栏： Flutter 文章标签： flutter window devicePixel physicalSize 获取设备宽高

本文链接：https://blog.csdn.net/iOSTianNan/article/details/107912332

版权

在Flutter开发中，为了方便快捷地获取设备宽高，本文介绍了如何使用window对象和MediaQuery进行设备尺寸的读取。在RN移植项目中，设置全局变量来存储设备宽高是一个常见做法。在Flutter中，如果仅需偶尔获取屏幕尺寸，window对象提供了一个简单的方法，而MediaQuery则需要引入额外的依赖。

摘要由CSDN通过智能技术生成

参看 — Flutter 中获取屏幕以及 Widget 的宽高

在移植原RN项目的过程中, 我倾向于在一开始就设置好一个全局变量来读取设备的宽高, 这在RN中很常用, 主要是为了开发方便…
在Flutter中 , 如果想用MediaQuery 媒体查询, 就势必需要依赖 WidgetsApp or MaterialApp, 也挺麻烦, 如果说仅仅需要随时随地读取一下屏幕的宽高 (iOS pt / android px), 那么用window对象也是不错的办法


/// -------------------------------
/// Created with Flutter Dart File.
/// User tianNanYiHao@163.com
/// Date: 2020-08-10
/// Time: 11:26
/// Des: 用于记录一些 全局共享的基础数据
/// -------------------------------

///

import 'dart:ui';

class GlobalUtils {
   
  static num screenW; //设备的宽高
  static num screenH; //设备的宽高
  static num devicePixelRatio; // 设备的像素密度
  static Size physicalSize; // 设备的尺寸... (px)

  /// 初始化设备的宽高
  /// 全局记录设备的基本信息
  GlobalUtils.initDeviceW_H() {
   
    // 从 window对象获取屏幕的物理尺寸(px) 及 像素密度
    final physicalSize