Flutter 宽高自适应

最新推荐文章于 2025-09-30 11:18:22 发布

原创

最新推荐文章于 2025-09-30 11:18:22 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #javascript #开发语言

博客介绍了在Flutter开发中实现宽高自适应的方法，通过手动编写一个工具类，集成后在像素后使用px或rpx。还给出了扩展代码，并说明了使用步骤，需在main中初始化，使用时导入扩展文件即可。

在Flutter开发中也需要宽高自适应，手动写一个工具类，集成之后在像素后面直接使用 px或者 rpx即可。
工具类代码如下：

import 'dart:ui';

class HYSizeFit {
   
   
  static double screenWidth = 0.0;
  static double screenHeight = 0.0;

  static double physicalWidth = 0.0;
  static double physicalHeight = 0.0;
  static double dpr = 0.0;
  static double statusHeight = 0.0;

  static double rpx = 0.0;
  static double px = 0.0;

  static