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ā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容