ScreenUtil()是flutter屏幕適配的一個插件,在GitHub上也有一定的人氣。也嘗試使用過,也能獲得較好的體驗。
GitHub地址:https://github.com/OpenFlutter/flutter_ScreenUtil
推薦使用新版本【當前為v0.5.3】
在使用前,需要設置好初始稿的寬度與高度。
ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
這句話的引入一定要在有了界面UI樹建立以后執(zhí)行,如果還沒有UI樹,會報錯的。比如我們直接放在類里,就會報錯,如果昉在build方法里,就不會報錯。
適配尺寸
這時候我們使用的尺寸是px.
根據(jù)屏幕寬度適配:width:ScreenUtil().setWidth(540);
根據(jù)屏幕高度適配:height:ScreenUtil().setHeight(200);
適配字體大小:fontSize:ScreenUtil().setSp(28,false);