邁出Flutter第一步

Flutter是近兩年蓬勃發展的跨平臺前端開發框架,和傳統Hybrid模式乃至React Native爲代表的JS+原生渲染模式不同,Flutter採用原生自繪UI並暴露統一接口——致力於一次編碼,各端(Android、IOS、Web、PC)部署,同時儘量保證UI在各個平臺上表現形式的一致性,Flutter還有不少優勢不再贅述,參見Flutter中文社區

目前Flutter穩定版本支持Android、IOS(起步見這裏),Beta版本支持Web,需要將本地Flutter庫用git切換到beta分支(Flutter目前擁有master穩定分支和beta開發分支),具體操作見官網對web的配置指南,由於目前Flutter更新迭代速度極快,要經常在本地進行flutter upgrade操作保持倉庫最新,遇到問題實時關注官網。經過對上述官網和社區的學習,能在本地vs code或者Android Studio上進行Flutter開發,且能在Chrome上進行Web調試,在虛擬機上進行移動端調試。如果想同時兼容Web和移動端,應當以Flutter web目前可用API爲準,因爲它是Flutter API(移動端開發)的子集,許多移動端的功能web端無法滿足,比如AR,手勢等。下圖是配置完成後在Chrome中調試的Debug頁面:

用Chrome調試Flutter web

最香的一點是Flutter支持熱重載——在iOS和Android模擬器或真機上可以實現毫秒級熱重載,並且不會丟失狀態,飽受原生開發編譯時長折磨的程序員終於能脫離苦海。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章