flutter-01 简介

flutter 特点

• 移动端
• 动态化
• 跨平台
• 开发框架

前端如何快速上手 flutter 开发

开发语言上 Flutter 采用的是 Google 的 Dart 语言, 从 Dart2 开始 Dart 便是强类型语言, 而且是静态类型的, 这和前端同学熟知的 JavaScript 语言有很大的不通, 对于前端开发的同学, 接触比较多的变成语言就是 JavaScript, 它是弱类型, 动态型语言, 所以前端同学在学习 Dart 的时候一定分清这两个概念。

另外还有重要的一点是 Dart 是面向对象的, 如果你有 OPP 变成经验, 那么学习 Dart 会相对轻松, 对于前端同学来说, JavaScript 不是面向对象的, 所以学习 Dart 会有一定的适应过程, 可以将 Dart 只作为你的第一个面向对象的编程语言进行学习。

开发工具

Flutter 的官方支持的开发工具是 Android Studio, 它是一个采用开发 Android APP 的 IDE, 那么除了 Android Studio 之外, 对于熟悉 VS code 的同学来说, 我们还可以用 VS code 来开发 Flutter, 我们只需要在现有的 VS code 基础上安装 Flutter 和 Dart 插件即可让我手中的手头工具拥有开发 Flutter 的能力。

布局

Flutter 采用的是声明式UI布局方式, 这和前端长采用的 css 布局方式有很大不同。

为了减轻开发人员在各种UI状态之间转换的编程负担, Flutter 让开发人员描述当前的 UI 状态, 并且不需要关心它是如何过渡到框架的。

Container(
    decoration: BoxDecoration(color: Colors.grey),
    child: Text(
        '声明式布局',
        style: TextStyle(
            fontSize: 20, fontWeight: FontWeight.w600, color: Colors.red
        ),
    )
)

Flutter 第三方库 pub.dev

Flutter 中文网