Flutter入门实战教程：从0到1仿写web版掘金App （完结）

前言

准确的说，这是去年十一月份就写好的教程，

虽然迟迟未上线（拖了半年），可是很是感谢购买的老铁们~

虽然心中很不爽，

可是回头想一想，也是的确写的比较仓促，可是当时本身在写的过程当中，的确能学到不少东西，因此很想分享出来，至于说内容不过关，我也无话可说，也很是接受不上线的结果。虽然我并不能肯定，在去年，这位运营小哥所说的该如何写是否真的知道 Flutter 应有的学习路线。

即使如此，有各类老铁们的支持，仍是内心面仍是暖暖的。

掘金是一个很好的平台，合做的过程当中虽然发生的不愉快，可是依旧不妨碍分享呀~

运行效果

正文

这里我也是直接拿小册介绍来了

做者介绍

前环球网全栈开发工程师，现某厂高级前端工程师。技术主要涉猎pc及无线。

GitHub上千star项目《React-Express-Blog-Demo》做者，环球网新版官方Android客户端初版主要开发者

Alibaba/FlutterGo 主要开发者

热爱技术，热爱分享。一块儿学习，一块儿进步

• GitHub地址：github.com/Nealyang

介绍

以前有介绍过关于flutter的入门文章:flutter从入门到寄几玩儿，文章底部写到会继续写demo给你们练习。因为以前在GitHub上写过相似React练习项目：React-Express-Blog-Demo ，因此最近笔者也一直在思考，是否能够一样，用flutter一步一步来带领你们一块儿学习使用fluter呢。

技术终归就是工具，没有实操是绝对的纸上谈兵。鉴于网上太多关于flutter的系列入门文章，其中有掘金翻译的fluter中文网其实就是一个很好的入门资料。

讲了这么多，咱们这里稍微介绍下flutter。2018年6月21日Google发布Flutter首个release预览版,做为Google baba大力推出的一种全新的响应式，跨平台，高性能的移动开发框架。Flutter是一个跨平台的移动UI框架，旨在帮助开发者使用一套代码开发高性能、高保真的Android和iOS应用。

flutter优势主要包括：

• 跨平台
• 开源
• Hot Reload、响应式框架、及其丰富的控件以及开发工具
• 灵活的界面设计以及控件组合
• 借助能够移植的GPU加速的渲染引擎以及高性能ARM代码运行时已达到高质量的用户体验

并且，他是Google BaBa开源的，而且目前阿里巴巴集团内部也是flutter风气正茂，因此咱们彻底有理由相信flutter将来，必定会有本身的舞台。

下图来自developers.googleblog.com官网从StackOverflow统计来的数据

回到这本小册，笔者将从flutter基础到一步一步实现web版掘金来带你们感觉flutter的魅力。旨在让你们熟练使用flutter来完成本身想作的APP开发。固然，笔者深知授人鱼不如授人以渔。因此文章中，会介绍笔者遇到的问题，以及思考的过程。方便你们借鉴与思考。

实战项目并不是 1:1 还原web版掘金，小册旨在带领你们使用flutter完成App开发，解决问题思路以及widget查找、使用的介绍。对于flutter的环境搭建以及后续的上线并未涉及。后面可加群一块儿讨论。文章随着项目的编写，一边开发一遍写文章，后面开发过程当中可能会遇到以前不合理的地方可能会回头修改编写~

你会学到什么？

• 入门flutter、学习Dart ，掌握一门新技术
• 掌握flutter、dart中开发技巧以及解决问题的方式
• 经常使用Widget的使用并可独立完成界面编写
• flutter中路由的使用以及flutter package的查找和使用
• 学会网络请求、上拉刷新等常规App具备的功能开发
• 独立开发App

适宜人群

• 前端、客户端开发者
• 有必定的编程基础且看过flutter官网基础教程
• 有激情、有热情、愿意花时间去探索新知识

教程内容

全篇地址：Nealyang/personalBlog

项目源码地址：Nealyang/flutter

Flutter入门实战：从0到1仿写web版掘金App

Dart基础介绍

flutter入门以及经常使用Widget介绍

项目框架搭建

“flutter”数据model及json处理

首页List UI编写

fluro介绍以及路由配置

网络请求

下拉刷新 & 加载更多

webView for Detail

驻足思考、总结

沸点 UI & 功能 编写(上)

沸点 UI & 功能 编写(下)

小册 UI & 功能 编写

开源库、活动 UI & 功能 编写

登录功能 & App响应

感言

再次感谢支持个人小伙伴~

招聘

国际惯例，老是要来一波广告的嘛~~

阿里巴巴春招开始啦~欢迎各路2020届小鲜肉加入咱们！

快快扫码加入咱们吧~~

扫描下方二维码，内推直通车！！！