Flutter 初探

如果你还在犹豫为什么要学Flutter，下面2个图的应该足够吸引你加入了吧，一套代码多平台使用

image

image

Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生应用的全新移动 UI 框架。
Flutter又是谷歌钦定的下一代移动操作系统Fuchsia的UI框架。
作为一名Android Developer，看到是Google出的，且还能开发iOS，还是有必要学习下的！

最近通过学习Flutter，认识很多人，特别是后端的各种大佬也在疯狂学习，作为移动端的我们亚历山大！！！

尝试一下项目

zhrb.gif

使用几天的感想

1. 需要学习一门新的语言Dart，对于有移动端和前端开发基础的人来说，不算很困难。
2. 开发过程中Hot Reload大大的提高开发效率。
3. 树型布局，需要转变自己的布局思维，一切都是widget，这个概念在在Flutter特别重要，因为在使用的过程中你需要展现给用户的UI都是依靠各种类型的组件，通过组合的方式生成。
4. 对于大家认为树型布局的嵌套层次较深，看起来极为不直观的问题，只需要将一个复杂的布局进行拆解，做成独立的widget，然后再进行组装，这样不仅解决了阅读代码不直观的问题，而且也大大提高了widget的复用性。
5. 对于网络请求的数据这一块，如果服务器返回的数据嵌套层次较多，会让开发者会较多的时间去整理，封装，写解析体。
6. 自己本身是做开发Android的，所以习惯的使用了MVP的模式，实践项目写完以后感觉有点笨重，可能需要摒弃一些移动端老的编码观念，在后续接触到国外的一些开源项目，使用了的BLoC或者Redux，作为响应式框架，个人感觉这两种架构比MVP更适合Flutter的开发。
7. 开发的时候我们在debug模式下会稍显卡顿，后续做了个release包，分别在iOS和Android的真机上运行，从用户体验的角度去看，性能上几乎和原生没差别，是可以接受的。
8. 实践的项目分别打release包，iOS版有16.16M，Android版有8.02M，相对原生较大。
9. 成熟轮子较少，官方或者大厂维护的插件不多，例如第三方平台登陆，支付，分享，国内地图等，我们需要自己做插件，这个就迫使我们目前需要掌握2种平台的开发iOS和Android，这个学习成本就相对高一点。

最大的吸引力还是统一的应用开发体验，一套代码多平台使用。

学习传送门

1. Flutter官网
2. Flutter中文
3. 在线Dart学习
4. Tensor Programming
5. DartConf 2018系列
6. 闲鱼技术

基础知识点

1. Flutter知识点: Route & Navigator
2. Flutter知识点:数据存储之SharedPreferences
3. Flutter知识点:数据存储之sqflite
4. Flutter知识点:数据存储之File
5. Flutter知识点:数据存储之SharedPreferences
6. Flutter知识点: 常用手势
7. Flutter知识点: 图片加载
8. Flutter知识点: 生命周期
9. Flutter知识点:数据存储之SharedPreferences
10. Flutter知识点: 网络请求
11. Flutter知识点: InheritedWidget
12. Flutter知识点: Notification
13. Flutter知识点: Widget隐藏与显示
14. Flutter知识点: Drag
15. Flutter知识点: Flutter与原生(Android)的交互
16. Flutter知识点: Animation
17. Flutter学习中的问题记录: ListView.builder
18. Flutter学习中的问题记录: Drawer
19. Flutter学习中的问题记录: TabBarView & TabBar
20. Flutter学习中的问题记录: 如何监听实体返回键和AppBar返回键
21. Flutter学习中遇到的问题：已有项目加入Flutter模块
22. Flutter在项目中的架构学习，例如MVP，BLoC，Redux等
23. Flutter基础UI组件的使用，建议直接看官方的Gallery

所有源码都在我的GITHUB