diff --git a/ScreenUtil.dart b/ScreenUtil.dart
new file mode 100644
index 0000000000000000000000000000000000000000..792b93b807dd2a1417989c55fdc222252fead3f4
--- /dev/null
+++ b/ScreenUtil.dart
@@ -0,0 +1,55 @@
+/*
+ * Created by 李卓原 on 2018/9/20.
+ * email: zhuoyuan93@gmail.com
+ * 设计稿设备尺寸 1080 * 1920 px
+ */
+
+import 'dart:ui';
+
+class ScreenUtil {
+  static ScreenUtil instance;
+
+  //设计稿的设备尺寸修改  (请修改成你的设计稿的尺寸)
+  static const designWidth = 1080;
+  static const designHeight = 1920;
+
+  //设备的像素密度
+  static double pixelRatio = window.devicePixelRatio;
+
+  //当前设备宽度 px
+  static double screenWidth = window.physicalSize.width;
+
+  //当前设备高度 px
+  static double screenHeight = window.physicalSize.height;
+
+  //状态栏高度 刘海屏会更高
+  static double StatusBarHeight = window.padding.top;
+
+  //底部安全区距离
+  static double BottomBarHeight = window.padding.bottom;
+
+  //相对于设计稿放大的倍数
+  var scaleWidth = screenWidth / designWidth / pixelRatio;
+  var scaleHeight = screenHeight / designWidth / pixelRatio;
+
+  static ScreenUtil getInstance() {
+    if (instance == null) {
+      instance = new ScreenUtil();
+    }
+    return instance;
+  }
+
+  /**
+   * 根据设计稿的设备宽度适配
+   * 高度也根据这个来做适配可以保证不变形
+   */
+  setWidth(int width) => width * scaleWidth;
+
+  /**
+   * 根据设计稿的设备高度适配
+   * 当发现设计稿中的一屏显示的与当前样式效果不符合时,
+   * 或者形状有差异时,高度适配建议使用此方法
+   * 高度适配主要针对想根据设计稿的一屏展示一样的效果
+   */
+  setHeight(int height) => height * scaleHeight;
+}
diff --git "a/\345\276\256\344\277\241\345\233\276\347\211\207_20180921000611.png" "b/\345\276\256\344\277\241\345\233\276\347\211\207_20180921000611.png"
new file mode 100644
index 0000000000000000000000000000000000000000..301f7d820496576ed23384a8dd979e7c496ee4ff
Binary files /dev/null and "b/\345\276\256\344\277\241\345\233\276\347\211\207_20180921000611.png" differ