flutter-ScreenUtil（）

ScreenUtil（）是flutter屏幕適配的一個插件，在GitHub上也有一定的人氣。也嘗試使用過，也能獲得較好的體驗。

GitHub地址：https://github.com/OpenFlutter/flutter_ScreenUtil

推薦使用新版本【當前為v0.5.3】

學習地址參考：http://jspang.com/posts/2019/03/01/flutter-shop.html#%E7%AC%AC11%E8%8A%82%EF%BC%9A%E9%A6%96%E9%A1%B5-%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E6%96%B9%E6%A1%88%E5%92%8C%E5%88%B6%E4%BD%9C

在使用前，需要設置好初始稿的寬度與高度。

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);

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容