flutter开发体验总结

flutter目前最火的混合开发技术，作为苦逼的移动开发人员了解下总是没有错的，针对最近自己的学习，进行相关总结，希望在座的看官，看完此文后，能对flutter移动开发有个大概的了解，希望能给你开发flutter带来个大体的认知，由于学习接触时间不过，如有讲错的地方，请在评论区指出，谢谢；

成都网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信小程序、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：服务器托管等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞赏！

注：经过多重比较，个人觉得AS是比较适合flutter移动开发的，集成方便，插件支持多，不亏是google大佬的亲儿子，安卓开发人员过渡也比较方便；

程序入口指定，也可以指定为别的widget；

从左往右的功能对应：

在文章开篇的时候，我有提过，在flutter开发里面，可谓一切界面皆是widget，对于安卓开发人员，可以理解为增强版fragment（碎片），基本所有的和界面相关的实现都在当中实现。

说到widget就必须聊到今天一个很重要的主题，StatelessWidget, StatefulWidget，因为大部分界面的实现都需要通过集成他们来实现界面显示。

注：有前端用flex开发使用的经验的同学，完全可以参考flex属性使用。

Flutter实战：撸半个知乎日报

感谢 知乎日报-API-分析 提供的api帮助完成这个demo

该项目完全开源，单纯为了学习与交流，希望大家喜欢，多多提意见。

后续会将未来学到的新知识点用到该项目，持续更新

1.今日热点

2.主题分类

3.文章详情

4.抽屉列表增加缓存, 防止多次拉去数据

5.评论列表 (界面，动画优化)

6.主题列表 (界面，动画优化)

7.主页banner自动轮播,手指滑动是禁止轮播，放开则继续

8.刷新数据失败，增加重试按钮

9.分享UI

9.登录UI，联动交互（在评论界面可以点击写点评进入）

1.Flutter加载Html

1.注册

2.登录

3.发表评论

4.收藏

5.等等

怎样评价uni-app？

前端最火热的话题无法就是flutter,不管是刷哪个论坛，必定有探讨flutter的文章。没用过flutter，但是对于跨平台的技术，我一直都在研究。

为什么是uni-app

之前一直在找解决跨平台的方案，尝试了很多方案，比如滴滴的变色龙，但是最终还是选择了uni-app，这里附上uni-app的官网。为什么会选择它呢，第一，vue语法，学习成本低，上手速度快，只要之前你做过vue的项目，那么就能很快上手，其实是vue和微信小程序的结合体，一半vue，一半微信小程序。第二，长期维护，之前做微信小程序的时候，选择了美团的mpvue，但是后面发现长期不维护了，提了Issues也没人理，随之就放弃了，而uni-app长期在维护，这样看出了开发团队的用心。第三，跨平台的能力，uni-app能够跨多个终端，H5，安卓，Ios，微信小程序，百度小程序，头条小程序，支付宝小程序，真正实现了一套代码，多端运行，而且很好适应了我国的市场。第四，日益丰富的插件市场，uni的插件市场也在日益强大，能够基本上满足我们平时的开发需求。

uni-app的组件有原生调用能力，第三方的vue库在调原生接口时跟 5+runtime 不兼容。就像nativescript 有vue版和angular版，类似于react native , 都是起源于phonegap/cordova

实际开发效果遵义小红椒 做了一款app，打包了安卓，Ios,微信小程序3个平台，产出的效果都还是不错，总体还是比较满意。而且打包过程也很方便简单，配套的HBuilderX自动内置了打包功能，所以也省去了打包的烦恼。

遵义小红椒 建议

如果你现在想做一款跨平台的产品，而且有vue和微信小程序的经验，最重要的，你不想学习一门新语言，那么uni-app也许是你的一个选择。

本文名称：flutter评论,百度贴吧flutter
分享网址：http://azwzsj.com/article/hoecdd.html