Flutter-1 环境配置+ 基本介绍

flutter中文网
flutter mac 环境变量配置
FlutterApi

一 Flutter 怎么保证在多个平台渲染效果是一样的？

Flutter 是重写了一整套包括底层渲染逻辑【Skia底层2D图像渲染引擎】和上层开发语言【Dart】的完整解决方案；

二 Flutter的框架图

从下到上分为三层，依次为：Embedder、Engine、Framework。

详见Flutter官网

1. Embedder 是操作系统适配层，实现了渲染 Surface 设置，Thread设置，Plugin平台插件等平台相关特性的适配
2. Engine 层主要包含 Skia、Dart 和 Text，实现了 Flutter 的渲染引擎、文字排版、事件处理和 Dart 运行时等功能。Skia 和 Text 为上层接口提供了调用底层渲染和排版的能力，Dart 则为 Flutter 提供了运行时调用 Dart 和渲染引擎的能力。而 Engine 层的作用，则是将它们组合起来，从它们生成的数据中实现视图渲染。
3. Framework 层则是一个用 Dart 实现的 UI SDK，包含了动画、图形绘制和手势识别等功能

三 热重载介绍与使用

请见官网
AS 对应快捷键：⌘+\

四 项目目录

1. 在 lib 目录下进行 Flutter 代码的开发，而某些特殊场景下的原生功能，则在对应的 Android 和 iOS 工程中提供相应的代码实现，供对应的 Flutter 代码引用。
2. Flutter 会将相关的依赖和构建产物注入这两个子工程，最终集成到各自的项目中。而我们开发的 Flutter 代码，最终则会以原生工程的形式运行