今晚月色真美

前言

首先呢是Flutter环境安装,网上教程一大堆,我是按照下面的安装的:安装教程,其实环境安好了一阵子,也学了一段时间,但中间有项目比较着急,晚上也在加班,就暂停了Flutter的学习,好在最近一段时间给补上了,最终也做出了成品,还是比较满意的。

学习过程

一开始也是比较彷徨,疯狂搜索教程,这里说下找对合适的自己的教程真的很重要,也因人而异吧,我并没有去看官网文档,一方面是觉得英文文档看得头疼,一方面觉得实际工作中用到的官网上并不会详说,当然想要学得更透彻更了解原理,可能看官方文档更直接。

最后我找到了技术胖这个前端大神写的教程,讲解通俗易懂,他的技术胖博客 里面还有很多干货,以后学其他知识也可以在这个里面找。

第一步

首先是按照他Flutter学习路线-按次路线学习顺畅无比 讲Flutter基础组件及基本使用介绍学了,其实我学这个Dart语言上手还是很快,可能有iOS和Web开发基础,我觉得Dart还挺好用,但我的前端同事看到Dart的语法,所有组件代码叠到一起,顿时就不好受了,😃,我觉得还好,因为以前iOS纯代码布局可没少整,习惯了。

第二步

基础的学完后,肯定就想要进阶实战,于是,有去实撸项目,找了款电商小程序,用Charls抓小程序接口,就有之前分享的Charls抓小程序接口文章,同时结合大神学习方法,撸出仿“百姓生活+”APP,如下图:

首页

Screenshot_1596766984.png

分类

Screenshot_1596766994.png

购物车

Screenshot_1596766999.png

商品详情

Screenshot_1596790640.png

会员中心

Screenshot_1596767002.png

项目已放到github上:Flutter电商实战

总结

总体来说,Flutter框架及Dart语言带给我的还是很惊艳,特别是一端代码用到两端上,这个成就感比单做iOS或者单做Web大。接下来,会再继续深入学习Flutter,之前听同事说去玩了Flutter Web,很震撼,直接使用dart2js渲染,生成HTML,但是我查了下,毕竟出来不久,很多功能还未实现且还有很多bug,性能也不咋好,等过段时间坑填差不多了,再去深究下。

 评论

本站总字数统计:27k

感谢您的浏览, 本站总访问量为 次 。
载入天数...载入时分秒...