在哪里可以获得 Flutter 学习资源？
- Flutter 中文网
- 掘金社区：https://juejin.im/tag/Flutter
- stackoverflow：https://stackoverflow.com/questions/tagged/flutter
- Flutter Codelabs: https://codelabs.flutter-io.cn/codelabs/#codelabs
- 案例学习：在安卓 FlutterSDK 的目录里，就有 Flutter 官方准备的精美案例，可以打开观看源码学习。
- 云社区：https://cloud.tencent.com/developer/column/6114
我在哪里可以获得Dart学习资源
- Dart 官网：https://www.dartlang.org/
- Dart 中文官网：http://dart.goodev.org/
- Flutter 中文网：https://flutterchina.club/
- 掘金社区 Dart 专栏：https://juejin.im/search?query=Dart&type=all
- 优质博客：https://juejin.im/post/5c44727df265da611c274087
- 新闻资讯：https://www.dart-china.org/
Flutter框架
Flutter系统架构图
如上图所示为 Flutter 官方给出的系统架构图，可以看出 Flutter 框架分为三层： Framework 层、 Engine 层和 Embedder 层。
- Framework （框架）层：由 Dart 来实现，包含众多安卓 Material 风格和 iOS Cupertino 风格的 Widgets 小部件，还有渲染、动画、绘图和手势等。 Framework 包含日常开发所需要的大量 API ，普通应用开发熟悉这些 API 的使用基本 OK 了，不过很多特殊场景的控件需要自己根据实际情况进行自定义。Framework层的源码地址：https://github.com/flutter/flutter/tree/master/packages/flutter/lib
- Engine（引擎）层：由 C/C++ 实现，是 Flutter 的核心引擎，主要包括 Skia 图形引擎、Dart 运行时环境 Dart VM、Text 文本渲染引擎等；如果想深入了解 Flutter 原理，建议阅读该层的源代码。源代码地址：https://github.com/flutter/engine
- Embedder（嵌入式）层：主要处理一些平台相关的操作，如渲染 Surface 设置、本地插件、打包、线程设置等。
Flutter 原理
无论是 iOS 还是安卓都是提供一个平台的 View 给 Flutter 层，页面内容渲染交由Flutter 层自身来完成，所以其相对 React Native 等框架性能更好。 Flutter 中图形渲染流程：
大致流程如下：
- GPU 的 Vsync 信号同步到 UI 线程
- UI 线程使用 Dart 来构建抽象的视图结构
- 视图结构在 GPU 线程中进行图层合成
- 合成后的视图数据提供给 Skia 图形引擎处理成 GPU 数据
- 数据再通过 OpenGL 或 Vulkan 提供给 GPU 进行渲染
环境搭建
参考Flutter中文网站教程
开发工具配置
参考Flutter中文网站教程
2482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
