flutter(001)介绍及环境

Flutter特点

  • Flutter是一个UI SDK(Software Development Kit)
  • 跨平台解决方案,可以进行移动端(iOS、Android),Web端(Beta),桌面(technical preview);
  • Flutter 引擎使用 C++ 编写,包括高效的 Skia 2D 渲染引擎,Dart 运行时和文本渲染库,直接通过CPU、GPU进行绘制,不需要依赖任何原生的控件。
  • Hot Reload (热重载)

Flutter绘制原理图

  • GPU将信号同步到 UI 线程
  • UI 线程用Dart来构建图层树
  • 图层树在GPU 线程进行合成 p合成后的视图数据提供给Skia 引擎
  • Skia 引擎通过OpenGL 或者 Vulkan将显示内容提供给GPU

安装Flutter SDK

  • 使用镜像

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  • Flutter SDK下载地址:
    https://flutter.dev/docs/development/tools/sdk/releases
    选择自己的操作系统和最新稳定的版本(Stable版本)
  • 环境变量配置:
    MacOS环境变量配置

    export FLUTTER_HOME=/Applications/flutter
    export PATH=$PATH:$FLUTTER_HOME/bin
    export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

  • 安装xcode,设置iOS模拟器
  • 安装Android Studio,设置Android模拟器
  • flutter doctor 都是绿的成功

Flutter常用命令

参考文章

Flutter中文网
Flutter系列教程