今年接触到了Flutter，看了官网的介绍，感觉还是很有吸引力的，原生性能，兼容iOS和Android并且作为Fuchsia默认的开发框架，热加载（hotReload）极大的提供了开发效率，丰富的UI控件（包括Material和Cupertino两种风格)，但唯一可惜的是正式版还未发布，不过flutter的活跃度还是很高的，相信很快正式版就会到来。为了体验一把Flutter，就做了一个小Demo。
先附上几张截图
flutter_gank_4.png flutter_gank_1.png
step by step
环境安装
Flutter Gallery编译
由于目前资料比较少，Flutter Gallery在Flutter工程目录下，可以说是比较齐全的资料，虽然有文档，哪有一个Demo来的爽，直接看效果，事半功倍。我在这个过程还是花费了一番功夫，整个过程不是很顺利，只是因为Flutter版本不匹配，这里我就说一个较快的方法
- 下载Flutter 这里下载最新版本
- 解压Flutter到你的电脑，xxxx\flutter_windows_v0.x.x-dev\flutter\bin 配置到环境变量，这样就可以在任何地方使用flutter命令了
- 找到xx\flutter_windows_v0.x.x-dev\flutter\examples\flutter_gallery，这里包含了Flutter Gallery的源代码
- 直接运行 flutter build apk 命令，在xx\build\app\outputs\apk\release目录下可以找到编译好的apk
-
发送到android手机或者模拟器就可以看到运行好的Demo
整个过程在命令行完成的，当前编译版本截图：
image.png
因为同一目录下的Flutter Gallery版本是匹配的，所以比较顺利，我最开始是从github上直接下载master的源码，所以遇到了很多问题。
开发工具
image.png工程新建完成后，一个基础的工程就出来了，第一次新建工程有点慢，一次就成功了，直接运行到模拟器就ok了。
开发阶段
新建完成的Flutter工程包含了一些目录，其中比较显眼的就是android 和ios目录，但实际上我没在这两个目录下写代码（以后肯定会写），其实只要看了一些Demo大致就晓得，几乎所有的代码都在lib下面，依赖管理通过 pubspec.yaml，我并不想讲太多关于代码的事情，因为我在前面编译好了一个Demo（Flutter Gallery）我写代码的时候基本上是照葫芦画瓢，文档和Demo都有，那就慢慢研究吧，没有捷径可走。
Flutter的优点
在开头的时候我介绍了一些，但都是比较官方的，下面是结合自己的开发体验
- 编译很快，hotReload果然名不虚传
- 扩展性很强，一切皆widget，可以轻松实现一些复杂的效果
- 动画很赞，Hero动画可以很轻松的实现过度动画，其他动画api也非常灵活可配置
- 换主题很赞，可快速全局切换主题
- 调试模式很赞，Flutter Gallery就可以进行性能分析，slow motion（慢动作）等等，
Flutter的缺点
Flutter还处于Beta版本，肯定是有些原因的
- 开源库太少，尽管已经提供了大量的插件，但相对于其他语言来说，远远不够，资料还是太少了
- 一些控件在debug模式和release模式下表现有些细微的差异
- json解析太麻烦，因为习惯了使用GsonFormat之类的插件，不过这应该不是太大的问题，有时间，也可以尝试着写一个
- gif循环播放造成的oom问题，我查阅了issue，好像是skia图像引擎的问题，其实加载大量图片也容易出现oom，没有出现像Picasso和Glide之类的图像框架
以上仅仅是在开发的过程中碰到的
Flutter_Gank 项目介绍
终于说了一点和标题相关的了，不然有人要说我标题党了，其实做完之后感觉也没什么特色，就列一些用到了哪些知识点吧
- 网络请求插件：
- 图片加载插件：
- 瀑布流插件：
- 共享参数插件：
- 网络状态插件：
- 跳转外部浏览器插件：
还有一些基础控件ListView，TabBar，TabBarView，Button，Text，TextField，SnakeBar……的使用
开过过程中还遇到了一些小坑，比如，
- 侧滑抽屉Drawer可以通过 _globalKey.currentState.openDrawer()打开却没有提供Close，或者Hide之类的方法关闭，需要通过Navigator.pop(context)来隐藏菜单 。
- 做双击退出的时候调用Navigator.pop(context)会出现黑屏，需要调用SystemNavigator.pop()才能完全退出。
更多学习资料
如果觉得我的文章对你有帮助，留下一点痕迹呗，star一下就是对我最好的鼓励
如需转载，请自便，留下署名和原文链接即可