Flutter

开始

• Install Flutter

  严格按照官网的安装步骤 在你的机器上运行一个默认的 Flutter 应用

学习

• 语法 Grammar

  • Dart 语言中文版
  • Dart 官网

• 编程范式 Paradigm

  编程范式是学习一门新的开发语言最重要的部分, 简单来说就是如何使用这套工具的 套路

  • Flutter 中文网
  • Flutter 官网

编程范式

熟练掌握 Flutter 的编程范式是 最核心的工作.

开发

TIP

• 注意你可以在开发阶段更多使用 web 模拟器

  因为 flutter 渲染机制在底层自己实现的, 因此 web 和 native 渲染出来的效果不会有 差异, 但是在开发阶段 web 模拟器更快更方便.

• Flutter 封装了 400 个 widget

• 尽可能多用 Vscode build in 开发功能

  • Wrap with 'xxx'

WARNING

• 深度的 组件嵌套

• 相似的概念 (相对于 CSS), 不同的细节

UI 组件

• 布局
  • 类似于 Flexbox
    • Column
    • Row