lynhasemx.blogg.se

ScreenUtil.instance = ScreenUtil(width: 750, height: 1334).init(context) If the design is based on the size of the iPhone6 ​​(iPhone6 ​​750*1334) ScreenUtil.instance = ScreenUtil().init(context) default value : width : 1080px, height:1920px, allowFontScaling:false Initialize and set the fit size and font size to scale according to the system's "font size" accessibility option //fill in the screen size of the device in the design

dependencies:Īdd the following imports to your Dart code: import 'package:flutter_screenutil/flutter_screenutil.dart' Please check the latest version before installation. Let your UI display a reasonable layout on different screen sizes! Yes, flutter_screenutil plugin available for adapting screen and font size. I've created a new application on flutter, and I've had problems with the screen sizes when switching between different devices. MediaQuery.of(context).size.width and MediaQuery.of(context).size.height works great, but every time need to write expressions like width/20 to set specific height width. Var safeHeight = height - padding.top - padding.bottom Įxtra info about physical and logical pixels for the curious: Var padding = MediaQuery.of(context).padding Var height = MediaQuery.of(context).size.height Var width = MediaQuery.of(context).size.width Var safeHeight = logicalHeight - paddingTop - paddingBottom

Var safeWidth = logicalWidth - paddingLeft - paddingRight Var logicalHeight = logicalScreenSize.height Var logicalWidth = logicalScreenSize.width Var logicalScreenSize = window.physicalSize / pixelRatio

Var physicalHeight = physicalScreenSize.height Var physicalWidth = physicalScreenSize.width Var physicalScreenSize = window.physicalSize To clarify and detail the exact solution for future researchers: