迈出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模拟器或真机上可以实现毫秒级热重载,并且不会丢失状态,饱受原生开发编译时长折磨的程序员终于能脱离苦海。

发布了71 篇原创文章 · 获赞 31 · 访问量 20万+

猜你喜欢

转载自blog.csdn.net/m0_37828249/article/details/103811899